From 126531d8ffd0f9ce814943b61dc1dd59a785e852 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Tue, 4 Oct 2022 08:05:19 +0800
Subject: [PATCH 01/35] test
---
wiki/menu.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/wiki/menu.html b/wiki/menu.html
index d1f1294..16e2522 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -51,7 +51,7 @@
<li><a href="{{ url_for('pages', page='ATTRIBUTIONS') }}" class="tag-link">ATTRIBUTIONS</a></li>
</ul>
</li>
- <li class="nav-title short-nav"><a href="{{ url_for('pages', page='AWARD') }}" class="nav-link">Aw</a>
+ <li class="nav-title short-nav"><a href="{{ url_for('pages', page='AWARD') }}" class="nav-link">Award</a>
</li>
</ul>
</div>
--
GitLab
From 6932c06594127c52a00777e7478cc0b1fc291d16 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Tue, 4 Oct 2022 08:09:56 +0800
Subject: [PATCH 02/35] test
---
wiki/menu.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/wiki/menu.html b/wiki/menu.html
index 16e2522..560ccc7 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -51,7 +51,7 @@
<li><a href="{{ url_for('pages', page='ATTRIBUTIONS') }}" class="tag-link">ATTRIBUTIONS</a></li>
</ul>
</li>
- <li class="nav-title short-nav"><a href="{{ url_for('pages', page='AWARD') }}" class="nav-link">Award</a>
+ <li class="nav-title short-nav"><a href="{{ url_for('pages', page='AWARD') }}" class="nav-link">Awardee</a>
</li>
</ul>
</div>
--
GitLab
From edf55f74fe5fa8a83482568e23522aa38053c374 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Tue, 4 Oct 2022 08:14:04 +0800
Subject: [PATCH 03/35] test
---
wiki/menu.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/wiki/menu.html b/wiki/menu.html
index 560ccc7..16e2522 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -51,7 +51,7 @@
<li><a href="{{ url_for('pages', page='ATTRIBUTIONS') }}" class="tag-link">ATTRIBUTIONS</a></li>
</ul>
</li>
- <li class="nav-title short-nav"><a href="{{ url_for('pages', page='AWARD') }}" class="nav-link">Awardee</a>
+ <li class="nav-title short-nav"><a href="{{ url_for('pages', page='AWARD') }}" class="nav-link">Award</a>
</li>
</ul>
</div>
--
GitLab
From 1d4d70f73cf51af98b879aa293a9063e67bcbc8f Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Wed, 5 Oct 2022 18:52:50 +0800
Subject: [PATCH 04/35] update menu.html and delete some files
---
wiki/menu.html | 30 ++++++++++++++----------------
wiki/pages/experiments.html | 29 -----------------------------
wiki/pages/result.html | 0
wiki/pages/software.html | 35 -----------------------------------
4 files changed, 14 insertions(+), 80 deletions(-)
delete mode 100644 wiki/pages/experiments.html
create mode 100644 wiki/pages/result.html
delete mode 100644 wiki/pages/software.html
diff --git a/wiki/menu.html b/wiki/menu.html
index 16e2522..9ba6a0f 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -4,48 +4,46 @@
<ul class="nav-titles">
<li class="nav-title short-nav"><a href="{{ url_for('pages', page='index') }}" class="nav-link">Home</a>
</li>
- <li class="nav-title middle-nav nav-list"><div
- class="nav-link nav-tag">Project</div>
+ <li class="nav-title middle-nav nav-list">
+ <div class="nav-link nav-tag">Project</div>
<ul class="tag long">
<li><a href="{{ url_for('pages', page='DESCRIPTION') }}" class="tag-link">DESCRIPTION</a></li>
<li><a href="{{ url_for('pages', page='DESIGN') }}" class="tag-link">DESIGN</a></li>
<li><a href="{{ url_for('pages', page='Implementation') }}" class="tag-link">IMPLEMENTATION</a></li>
- <li><a href="{{ url_for('pages', page='PROOF-OF-CONCEPT') }}"
- class="tag-link">PROOF OF CONCEPT</a></li>
<li><a href="{{ url_for('pages', page='CONTRIBUTION') }}" class="tag-link">CONTRIBUTION</a></li>
+ <li><a href="{{ url_for('pages', page='RESULT') }}" class="tag-link">RESULT</a></li>
</ul>
</li>
- <li class="nav-title middle-nav nav-list"><div
- class="nav-link nav-tag">Dry lab </div>
+ <li class="nav-title middle-nav nav-list">
+ <div class="nav-link nav-tag">Dry lab </div>
<ul class="tag little" id="dry-lab">
<li><a href="{{ url_for('pages', page='MODEL') }}" class="tag-link">MODEL</a></li>
<li><a href="{{ url_for('pages', page='HARDWARE') }}" class="tag-link">HARDWARE</a></li>
- <li><a href="{{ url_for('pages', page='SOFTWARE') }}" class="tag-link">SOFTWARE</a></li>
</ul>
</li>
- <li class="nav-title long-nav nav-list"><div
- class="nav-link nav-tag">Human practices</div>
+ <li class="nav-title long-nav nav-list">
+ <div class="nav-link nav-tag">Human practices</div>
<ul class="tag long" id="h-practices">
<li><a href="{{ url_for('pages', page='human-practices') }}"
class="tag-link">HUMAN PRACTICES</a></li>
<li><a href="{{ url_for('pages', page='EDUCATION') }}" class="tag-link">EDUCATION</a></li>
- <li><a href="{{ url_for('pages', page='COMMUNICATION') }}" class="tag-link">COMMUNICATION</a></li>
<li><a href="{{ url_for('pages', page='COLLABORATIONS') }}" class="tag-link">COLLABORATIONS</a></li>
<li><a href="{{ url_for('pages', page='PARTNERSHIP') }}" class="tag-link">PARTNERSHIP</a></li>
</ul>
</li>
- <li class="nav-title nav-list"><div
- class="nav-link nav-tag">Wet lab</div>
+ <li class="nav-title nav-list">
+ <div class="nav-link nav-tag">Wet lab</div>
<ul class="tag long" id="wet-lab">
<li><a href="{{ url_for('pages', page='ENGINEERING') }}" class="tag-link">ENGINEERING</a></li>
- <li><a href="{{ url_for('pages', page='EXPERIMENTS') }}" class="tag-link">EXPERIMENTS</a></li>
+ <li><a href="{{ url_for('pages', page='PROOF-OF-CONCEPT') }}"
+ class="tag-link">PROOF OF CONCEPT</a></li>
<li><a href="{{ url_for('pages', page='PARTS') }}" class="tag-link">PARTS</a></li>
<li><a href="{{ url_for('pages', page='NOTEBOOK') }}" class="tag-link">NOTEBOOK</a></li>
<li><a href="{{ url_for('pages', page='SAFETY') }}" class="tag-link">SAFETY</a></li>
</ul>
</li>
- <li class="nav-title short-nav nav-list"><div
- class="nav-link nav-tag">Team</div>
+ <li class="nav-title short-nav nav-list">
+ <div class="nav-link nav-tag">Team</div>
<ul class="tag little" id="team">
<li><a href="{{ url_for('pages', page='TEAM') }}" class="tag-link">TEAM</a></li>
<li><a href="{{ url_for('pages', page='ATTRIBUTIONS') }}" class="tag-link">ATTRIBUTIONS</a></li>
@@ -55,4 +53,4 @@
</li>
</ul>
</div>
-</nav>
+</nav>
\ No newline at end of file
diff --git a/wiki/pages/experiments.html b/wiki/pages/experiments.html
deleted file mode 100644
index cb46c0f..0000000
--- a/wiki/pages/experiments.html
+++ /dev/null
@@ -1,29 +0,0 @@
-{% extends "layout.html" %}
-
-{% block title %}Experiments{% endblock %}
-{% block lead %}Describe the research, experiments, and protocols you used in your iGEM project.{% endblock %}
-
-{% block page_content %}
-
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>What should this page contain?</h2>
- <hr>
- <p>Describe the research, experiments, and protocols you used in your iGEM project. These should be detailed enough for another team to repeat your experiments.</p>
- <p>If you made Parts this year, please remember to put all information, characterization, and measurement data on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a>.</p>
- </div>
- <div class="col-lg-4">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="https://2019.igem.org/Team:Nantes/Experiments">2019 Nantes</a></li>
- <li><a href="https://2019.igem.org/Team:TU_Eindhoven/Experiments">2019 TU Eindhoven</a></li>
- <li><a href="https://2019.igem.org/Team:Mingdao/Demonstrate">2019 Mingdao</a></li>
- <li><a href="https://2020.igem.org/Team:Amsterdam/Experiments">2020 Amsterdam</a></li>
- <li><a href="https://2020.igem.org/Team:NCTU_Formosa/Experiments">2020 NCTU Formosa</a></li>
- <li><a href="https://2020.igem.org/Team:USAFA/Experiments">2020 USAFA</a></li>
- </ul>
- </div>
-</div>
-
-{% endblock %}
diff --git a/wiki/pages/result.html b/wiki/pages/result.html
new file mode 100644
index 0000000..e69de29
diff --git a/wiki/pages/software.html b/wiki/pages/software.html
deleted file mode 100644
index b3570d0..0000000
--- a/wiki/pages/software.html
+++ /dev/null
@@ -1,35 +0,0 @@
-{% extends "layout.html" %}
-
-{% block title %}Software{% endblock %}
-{% block lead %}Software in iGEM should make synthetic biology based on standard parts easier, faster, better or more accessible to our community.{% endblock %}
-
-{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Best Software Tool Special Prize</h4>
- <p>Regardless what's the topic, iGEM projects often create or adapt computational tools to move the bigger project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can even prove surprisingly useful for others. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honor such "nuggets" of computational work. To be eligible, your software has to be documented and made available under an OSI-approved open source license. Teams nominating themselves for this prize must submit their code to the iGEM Github.</p>
- <p>To compete for the Best Software Tool prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
- </div>
- </div>
-</div>
-
-<div class="row mt-4">
- <div class="col">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="https://2019.igem.org/Team:Sydney_Australia/Software">2019 Sydney Australia</a></li>
- <li><a href="https://2019.igem.org/Team:SMMU-China/Software">2019 SMMU China</a></li>
- <li><a href="https://2019.igem.org/Team:Grenoble-Alpes/Software">2019 Grenoble Alpes</a></li>
- <li><a href="https://2020.igem.org/Team:DTU-Denmark/Software">2020 DTU Denmark</a></li>
- <li><a href="https://2020.igem.org/Team:GunnVistaPingry_US/Software">2020 GunnVistaPingry US</a></li>
- <li><a href="https://2020.igem.org/Team:Rochester/Software">2020 Rochester</a></li>
- </ul>
- </div>
-</div>
-
-{% endblock %}
--
GitLab
From 46c572177c02d6e8d22cee6bddcd90bb0adb18ad Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Wed, 5 Oct 2022 23:29:23 +0800
Subject: [PATCH 05/35] update menu and delete result.html
---
wiki/menu.html | 2 +-
wiki/pages/result.html | 0
2 files changed, 1 insertion(+), 1 deletion(-)
delete mode 100644 wiki/pages/result.html
diff --git a/wiki/menu.html b/wiki/menu.html
index 9ba6a0f..7bdf76d 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -11,7 +11,7 @@
<li><a href="{{ url_for('pages', page='DESIGN') }}" class="tag-link">DESIGN</a></li>
<li><a href="{{ url_for('pages', page='Implementation') }}" class="tag-link">IMPLEMENTATION</a></li>
<li><a href="{{ url_for('pages', page='CONTRIBUTION') }}" class="tag-link">CONTRIBUTION</a></li>
- <li><a href="{{ url_for('pages', page='RESULT') }}" class="tag-link">RESULT</a></li>
+ <li><a href="{{ url_for('pages', page='RESULTS') }}" class="tag-link">RESULTS</a></li>
</ul>
</li>
<li class="nav-title middle-nav nav-list">
diff --git a/wiki/pages/result.html b/wiki/pages/result.html
deleted file mode 100644
index e69de29..0000000
--
GitLab
From e3512a1eb2039bc5590fd800b96628562b8b331e Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Thu, 6 Oct 2022 15:09:23 +0800
Subject: [PATCH 06/35] update
---
static/css/base.css | 13 +-
static/css/content.css | 312 +++++++++++++++++++++++++++++--
static/css/footer.css | 73 +++++++-
static/css/header.css | 5 +-
static/css/nav.css | 47 +++--
static/js/anime.min.js | 8 -
static/js/header.js | 5 -
static/js/nav.js | 15 --
wiki/footer.html | 101 +++++++---
wiki/layout.html | 33 ++--
wiki/menu.html | 16 +-
wiki/pages/collaborations.html | 144 +++++++++++---
wiki/pages/contribution.html | 51 +++--
wiki/pages/description.html | 154 ++++++++++-----
wiki/pages/design.html | 71 ++++---
wiki/pages/education.html | 230 ++++++++++++++++++++---
wiki/pages/engineering.html | 225 +++++++++++++++++++++-
wiki/pages/entrepreneurship.html | 41 ----
wiki/pages/hardware.html | 100 ++++++----
wiki/pages/human-practices.html | 177 +++++++++++++-----
wiki/pages/implementation.html | 49 ++++-
wiki/pages/improve.html | 24 ---
wiki/pages/inclusivity.html | 38 ----
wiki/pages/index.html | 111 +++++------
wiki/pages/measurement.html | 40 ----
wiki/pages/part-collection.html | 25 ---
wiki/pages/partnership.html | 200 +++++++++++++++++++-
wiki/pages/plant.html | 34 ----
wiki/pages/proof-of-concept.html | 174 +++++++++++++++--
wiki/pages/safety.html | 52 ++----
wiki/pages/sustainable.html | 33 ----
31 files changed, 1911 insertions(+), 690 deletions(-)
delete mode 100644 static/js/anime.min.js
delete mode 100644 static/js/header.js
delete mode 100644 static/js/nav.js
delete mode 100644 wiki/pages/entrepreneurship.html
delete mode 100644 wiki/pages/improve.html
delete mode 100644 wiki/pages/inclusivity.html
delete mode 100644 wiki/pages/measurement.html
delete mode 100644 wiki/pages/part-collection.html
delete mode 100644 wiki/pages/plant.html
delete mode 100644 wiki/pages/sustainable.html
diff --git a/static/css/base.css b/static/css/base.css
index 7a04739..5d7037d 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -1,6 +1,17 @@
@font-face {
font-family: "w5";
- src: url('https://static.igem.wiki/teams/4223/wiki/01/hanzipensc-w5.ttf');
+ src: url('https://static.igem.wiki/teams/4223/wiki/b/gallerymodern.otf');
+ /* src: url('../fonts/timesi.ttf'); */
+ /* src: url('../fonts/palabi.ttf'); */
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: "w6";
+ src: url('https://static.igem.wiki/teams/4223/wiki/b/cera-gr-bold.otf');
+ /* src: url('../fonts/timesi.ttf'); */
+ /* src: url('../fonts/palabi.ttf'); */
font-weight: normal;
font-style: normal;
}
diff --git a/static/css/content.css b/static/css/content.css
index 8d7d48f..5086654 100644
--- a/static/css/content.css
+++ b/static/css/content.css
@@ -1,6 +1,10 @@
+/* 针对articleçš„æ ‡ç¾ */
article {
width: 100%;
- background: url(images/background.jpg) no-repeat top center;
+ background:
+ linear-gradient(#b1fff4, #d1fff9, #c0f6ff, #cffaff, #ecf8ff, #c1e8ff, #a0ebff, #d1edff, #8acdff, #006bce, #4f79af);
+ height: auto;
+ padding-bottom: 100px;
}
article p,
@@ -10,7 +14,7 @@ article h3,
article h4,
article h5,
article h6 {
- font-family: 'Microsoft YaHei';
+ font-family: 'Times New Roman', Times, serif;
}
article h1,
@@ -19,61 +23,339 @@ article h4,
article h5,
article h6 {
text-align: right;
- text-transform:uppercase;
+ text-transform: uppercase;
color: #180c8f;
}
-article h2{
+article h2 {
color: #180c8f;
text-align: center;
- text-transform:uppercase;
+ text-transform: uppercase;
font-size: 3.5em;
font-weight: 600;
margin: 100px 0;
}
-article h3{
+article h3 {
font-size: 3em;
font-weight: 600;
margin: 40px 0;
}
-article p{
+article p {
+ text-indent: 2em;
margin: 10px 0;
font-size: 1.7em;
font-weight: 500;
}
-.center{
+/* ä½ç½®æ“ä½œæ ‡ç¾ */
+.center {
position: relative;
top: 40%;
transform: translateY(-50%);
}
-.abackground{
+.bigbox {
margin: 180px 0;
}
-.hcontent{
- background: url(images/index-background.png) no-repeat;
+/* 首页背景图 */
+.hcontent {
+ background: url("https://static.igem.wiki/teams/4223/wiki/h1/b/0.png") no-repeat;
width: 100%;
background-size: contain;
}
-.hcontent .cinfo{
+.hcontent .cinfo {
height: 700px;
position: relative;
}
-.offset-top{
+/* 顶部30% */
+.offset-top {
top: 30%;
}
-.cinfo img{
+.cinfo img {
width: 100%;
object-fit: cover;
}
-.small{
+.small {
width: 70% !important;
+}
+
+/* .displayæ“作 */
+
+.display h3 {
+ display: inline-block;
+ margin: 120px 0 30px;
+ text-align: left;
+ padding: 0;
+}
+
+.intr {
+ margin: 120px 0;
+}
+
+.intr p {
+ text-indent: 0;
+}
+
+.container {
+ position: relative;
+ overflow: visible;
+}
+
+
+.display {
+ position: relative;
+ padding: 0 5%;
+ width: 70%;
+ background: linear-gradient(#b5fff5, rgba(240, 248, 255), #c2f6ff, #d8f9ff, #aaebff, #b7e1ff, #bbe3ff, #94d1ff, #85c9fd, #2972be, #3b76b7);
+}
+
+.display-titles {
+ float: left;
+ position: sticky;
+ top: 20vh;
+ bottom: 500px;
+ width: 30%;
+ height: 80vh;
+ background-color: #ffffff;
+}
+
+.tpic {
+ display: flex;
+ justify-content: space-evenly;
+ margin: 20px 0;
+}
+
+.tpic img {
+ float: left;
+ width: 40%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.opic {
+ display: block;
+ margin: 20px 0;
+}
+
+.opic img {
+ width: 60%;
+ height: 100%;
+ object-fit: cover;
+ position: relative;
+ left: 50%;
+ transform: translateX(-50%);
+}
+
+
+
+img.logo {
+ width: 15%;
+}
+
+
+/* .ltextæ–‡å—æ“作 */
+
+.ltext h2 {
+ font-size: 2.2em;
+ margin: 70px 0 10px;
+}
+
+.ltext p {
+ font-size: 1.2em;
+ font-weight: 700;
+}
+
+.ltext h3 {
+ font-size: 1.6em;
+ text-align: center;
+ margin: 30px 0 10px;
+}
+
+.ltext h4 {
+ font-size: 1.4em;
+ text-align: center;
+ margin: 20px 0 5px;
+ font-weight: 600;
+}
+
+img.arrow {
+ width: auto;
+}
+
+.tpic img.arrow {
+ position: relative;
+ display: block;
+ height: 50%;
+ top: 50%;
+}
+
+img.lpic {
+ height: 200px;
+ width: 200px;
+}
+
+.w5 {
+ font-family: 'w5';
+}
+
+.l {
+ text-indent: 0;
+
+ text-align: left !important;
+}
+
+.r {
+ text-indent: 0;
+
+ text-align: right !important;
+}
+
+.c {
+ text-indent: 0;
+ text-align: center !important;
+}
+
+.annotation p {
+ text-align: center;
+ font-size: 1.2em;
+ font-weight: 600;
+ text-indent: 0;
+
+}
+
+.annotation img {
+ width: 50%;
+}
+
+.annotation {
+ height: 110%;
+ align-items: flex-end;
+}
+
+.pt10{
+ padding-top: 100px;
+}
+
+.pic-t {
+ float: left;
+ height: 110%;
+ overflow: hidden;
+ width: 50%;
+ top: 50%;
+}
+
+.pic-t img {
+ left: 50%;
+ transform: translateX(-50%);
+ width: 80%;
+ float: none;
+ position: relative;
+ height: 90%;
+}
+
+
+.bimg img{
+ width: 80%;
+}
+
+.pic-t p {
+ height: 10%;
+}
+
+.large img {
+ width: 80%;
+ height: 100%;
+}
+
+.m0 {
+ margin: 0;
+}
+
+.ltext a {
+ color: crimson;
+ transition: all .5s;
+}
+
+.ltext a:hover {
+ color: darkblue;
+}
+
+
+/* 对列表的æ“作 */
+.big-title {
+ height: 20%;
+ width: 100%;
+ background-color: #2faaf4;
+}
+
+.title-list {
+ height: 80%;
+ background-color: #ffffff;
+ width: 100%;
+ overflow: scroll;
+ overflow-x: hidden;
+}
+
+.big-title {
+ position: relative;
+ text-align: center;
+ font-size: 2em;
+}
+
+.display-titles span,
+.display-titles a{
+ max-width: 100%;
+ position: relative;
+ display: inline-block;
+ top: 50%;
+ font-family: 'w6' !important;
+ transform: translateY(-50%);
+ overflow: hidden;
+}
+
+.h2-list li {
+ padding-left: 30px;
+ position: relative;
+ height: 80px;
+ box-sizing: border-box;
+ border-bottom: 1px solid #cdcdcd;
+ font-size: 0.9em;
+}
+
+.h2-list li a{
+ font-size: 1.4em;
+ color: black;
+ word-break:hyphenate;
+}
+
+.h2-list li:hover {
+ background-color: #f9f9fb;
+}
+
+.h2-list li:hover a{
+ color: #4ea1db;
+
+}
+
+.title-selected{
+ background-color: #f9f9fb !important;
+}
+
+.title-selected a{
+ color: #4ea1db !important;
+}
+
+.trpic img{
+ width: 32%;
+}
+
+.list-none{
+ width: 100%;
}
\ No newline at end of file
diff --git a/static/css/footer.css b/static/css/footer.css
index 38f1f8b..17dc475 100644
--- a/static/css/footer.css
+++ b/static/css/footer.css
@@ -1,4 +1,75 @@
footer{
- background: url(./images/footer-background.png) no-repeat top center;
+ height: 100%;
+ background: url('https://static.igem.wiki/teams/4223/wiki/b/0.png') no-repeat top center;
background-size: 100%;
+}
+
+footer h1{
+ font-size: 2em;
+ margin-bottom: 10px;
+ font-weight: 600;
+}
+
+footer .row{
+ align-items: flex-start;
+ justify-content: space-around;
+}
+
+footer .row:last-child{
+ height: 70px;
+}
+
+.abus,
+.cous,
+.rlogo
+{
+ float: left;
+ width: 25%;
+ height: 100%;
+}
+
+
+.icont{
+ max-height: 110px;
+}
+
+
+.icont h2{
+ font-size: 1.5em;
+ font-weight: 550;
+}
+
+.slogo{
+ width: 30%;
+}
+
+.rlogo{
+ width: 40%;
+ height: 80%;
+}
+
+.slogo img{
+
+ width: 100%;
+}
+
+.ic,
+.te{
+ float: left;
+}
+
+.ic{
+ width: 10%;
+}
+
+.te{
+ padding-left: 2%;
+ width: 88%;
+}
+
+.logo-box{
+ transform: translateY(15%);
+ display: flex;
+ justify-content: space-around;
+ align-items: center;
}
\ No newline at end of file
diff --git a/static/css/header.css b/static/css/header.css
index 7742c08..321081f 100644
--- a/static/css/header.css
+++ b/static/css/header.css
@@ -1,8 +1,9 @@
header{
- background: url(./images/home.jpg) no-repeat;
+ background: url('https://static.igem.wiki/teams/4223/wiki/b/5.jpg') no-repeat;
background-size: cover;
height: 100vh;
width: 100%;
+ box-shadow: 0px 50px 40px #00bbfb63;
position: relative;
overflow: hidden;
}
@@ -17,7 +18,7 @@ header{
text-align: center;
transform: translate(-50%, -50%);
color: #460484;
- text-shadow: 6px 7px 4px #d3ffff, 0 0 25px blue, 0 0 5px #cfffff;
+ text-shadow: 12px -3px 4px #d3ffff, 9px -3px 25px blue, 0 0 5px #cfffff;;
}
.header-back{
diff --git a/static/css/nav.css b/static/css/nav.css
index 30a50d0..9f2ee23 100644
--- a/static/css/nav.css
+++ b/static/css/nav.css
@@ -4,10 +4,8 @@
top: 20px;
height: 60px;
background: linear-gradient(#66ddd0, #28a3fa);
- border-top: 1px solid #002073;
box-sizing: border-box;
- border-bottom: 2px solid #002073;
- z-index: 999;
+ z-index: 99;
}
.nav-logo{
@@ -33,10 +31,11 @@
.nav-title{
float: left;
position: relative;
- line-height: 57px;
font-size: 1.3em;
- width: 85px;
+ width: 90px;
margin-right: 2%;
+ height: 60px;
+
}
.nav-title:last-child
@@ -46,26 +45,32 @@
.long-nav{
- width: 175px;
+ width: 180px;
}
.middle-nav{
- width: 80px;
+ width: 85px;
}
.short-nav{
- width: 65px;
+ width: 70px;
}
.nav-link{
+ display: block;
height: 100%;
+ text-align: center;
position: relative;
color: #eef9fc;
transition: all .3s;
width: auto;
padding: 0;
cursor: pointer;
- vertical-align: top;
+}
+
+.nav-link span{
+ position: relative;
+ top: 20%;
}
@@ -87,11 +92,11 @@
border-top-left-radius: 3px;
border-top-right-radius: 3px;
display: block;
- height: 10px;
+ height: 11px;
width: 3px;
position: absolute;
background-color: #fff;
- bottom: -2px;
+ bottom: -3px;
right: 6px;
}
@@ -107,15 +112,15 @@
background: url(https://static.igem.wiki/teams/4223/wiki/ltag.png) no-repeat;
background-position: center -50px ;
background-size: 90%;
- transform: translateX(-30px);
+ transform: translateX(-25px);
}
#h-practices{
- transform: translateX(65px);
+ transform: translateX(70px);
}
#wet-lab{
- transform: translateX(-25px);
+ transform: translateX(-20px);
}
#dry-lab{
@@ -123,7 +128,7 @@
}
#team{
- transform: translateX(-45px);
+ transform: translateX(-40px);
padding-top: 130px;
}
@@ -134,8 +139,18 @@
}
.tag>li a{
- font-family: 'w5';
+ font-family: 'Mircosoft Yahei';
color: #2f291b;
+ font-size: 0.8em;
+ font-weight: 700;
+}
+
+#h-practices{
+ padding-top: 90px;
+}
+
+#dry-lab{
+ padding-top: 120px;
}
.nav-link:hover {
diff --git a/static/js/anime.min.js b/static/js/anime.min.js
deleted file mode 100644
index 7696a5b..0000000
--- a/static/js/anime.min.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/*
- * anime.js v3.2.1
- * (c) 2020 Julian Garnier
- * Released under the MIT license
- * animejs.com
- */
-
-!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):n.anime=e()}(this,function(){"use strict";var n={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},e={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},t=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],r={CSS:{},springs:{}};function a(n,e,t){return Math.min(Math.max(n,e),t)}function o(n,e){return n.indexOf(e)>-1}function u(n,e){return n.apply(null,e)}var i={arr:function(n){return Array.isArray(n)},obj:function(n){return o(Object.prototype.toString.call(n),"Object")},pth:function(n){return i.obj(n)&&n.hasOwnProperty("totalLength")},svg:function(n){return n instanceof SVGElement},inp:function(n){return n instanceof HTMLInputElement},dom:function(n){return n.nodeType||i.svg(n)},str:function(n){return"string"==typeof n},fnc:function(n){return"function"==typeof n},und:function(n){return void 0===n},nil:function(n){return i.und(n)||null===n},hex:function(n){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(n)},rgb:function(n){return/^rgb/.test(n)},hsl:function(n){return/^hsl/.test(n)},col:function(n){return i.hex(n)||i.rgb(n)||i.hsl(n)},key:function(t){return!n.hasOwnProperty(t)&&!e.hasOwnProperty(t)&&"targets"!==t&&"keyframes"!==t}};function c(n){var e=/\(([^)]+)\)/.exec(n);return e?e[1].split(",").map(function(n){return parseFloat(n)}):[]}function s(n,e){var t=c(n),o=a(i.und(t[0])?1:t[0],.1,100),u=a(i.und(t[1])?100:t[1],.1,100),s=a(i.und(t[2])?10:t[2],.1,100),f=a(i.und(t[3])?0:t[3],.1,100),l=Math.sqrt(u/o),d=s/(2*Math.sqrt(u*o)),p=d<1?l*Math.sqrt(1-d*d):0,v=1,h=d<1?(d*l-f)/p:-f+l;function g(n){var t=e?e*n/1e3:n;return t=d<1?Math.exp(-t*d*l)*(v*Math.cos(p*t)+h*Math.sin(p*t)):(v+h*t)*Math.exp(-t*l),0===n||1===n?n:1-t}return e?g:function(){var e=r.springs[n];if(e)return e;for(var t=0,a=0;;)if(1===g(t+=1/6)){if(++a>=16)break}else a=0;var o=t*(1/6)*1e3;return r.springs[n]=o,o}}function f(n){return void 0===n&&(n=10),function(e){return Math.ceil(a(e,1e-6,1)*n)*(1/n)}}var l,d,p=function(){var n=11,e=1/(n-1);function t(n,e){return 1-3*e+3*n}function r(n,e){return 3*e-6*n}function a(n){return 3*n}function o(n,e,o){return((t(e,o)*n+r(e,o))*n+a(e))*n}function u(n,e,o){return 3*t(e,o)*n*n+2*r(e,o)*n+a(e)}return function(t,r,a,i){if(0<=t&&t<=1&&0<=a&&a<=1){var c=new Float32Array(n);if(t!==r||a!==i)for(var s=0;s<n;++s)c[s]=o(s*e,t,a);return function(n){return t===r&&a===i?n:0===n||1===n?n:o(f(n),r,i)}}function f(r){for(var i=0,s=1,f=n-1;s!==f&&c[s]<=r;++s)i+=e;var l=i+(r-c[--s])/(c[s+1]-c[s])*e,d=u(l,t,a);return d>=.001?function(n,e,t,r){for(var a=0;a<4;++a){var i=u(e,t,r);if(0===i)return e;e-=(o(e,t,r)-n)/i}return e}(r,l,t,a):0===d?l:function(n,e,t,r,a){for(var u,i,c=0;(u=o(i=e+(t-e)/2,r,a)-n)>0?t=i:e=i,Math.abs(u)>1e-7&&++c<10;);return i}(r,i,i+e,t,a)}}}(),v=(l={linear:function(){return function(n){return n}}},d={Sine:function(){return function(n){return 1-Math.cos(n*Math.PI/2)}},Circ:function(){return function(n){return 1-Math.sqrt(1-n*n)}},Back:function(){return function(n){return n*n*(3*n-2)}},Bounce:function(){return function(n){for(var e,t=4;n<((e=Math.pow(2,--t))-1)/11;);return 1/Math.pow(4,3-t)-7.5625*Math.pow((3*e-2)/22-n,2)}},Elastic:function(n,e){void 0===n&&(n=1),void 0===e&&(e=.5);var t=a(n,1,10),r=a(e,.1,2);return function(n){return 0===n||1===n?n:-t*Math.pow(2,10*(n-1))*Math.sin((n-1-r/(2*Math.PI)*Math.asin(1/t))*(2*Math.PI)/r)}}},["Quad","Cubic","Quart","Quint","Expo"].forEach(function(n,e){d[n]=function(){return function(n){return Math.pow(n,e+2)}}}),Object.keys(d).forEach(function(n){var e=d[n];l["easeIn"+n]=e,l["easeOut"+n]=function(n,t){return function(r){return 1-e(n,t)(1-r)}},l["easeInOut"+n]=function(n,t){return function(r){return r<.5?e(n,t)(2*r)/2:1-e(n,t)(-2*r+2)/2}},l["easeOutIn"+n]=function(n,t){return function(r){return r<.5?(1-e(n,t)(1-2*r))/2:(e(n,t)(2*r-1)+1)/2}}}),l);function h(n,e){if(i.fnc(n))return n;var t=n.split("(")[0],r=v[t],a=c(n);switch(t){case"spring":return s(n,e);case"cubicBezier":return u(p,a);case"steps":return u(f,a);default:return u(r,a)}}function g(n){try{return document.querySelectorAll(n)}catch(n){return}}function m(n,e){for(var t=n.length,r=arguments.length>=2?arguments[1]:void 0,a=[],o=0;o<t;o++)if(o in n){var u=n[o];e.call(r,u,o,n)&&a.push(u)}return a}function y(n){return n.reduce(function(n,e){return n.concat(i.arr(e)?y(e):e)},[])}function b(n){return i.arr(n)?n:(i.str(n)&&(n=g(n)||n),n instanceof NodeList||n instanceof HTMLCollection?[].slice.call(n):[n])}function M(n,e){return n.some(function(n){return n===e})}function x(n){var e={};for(var t in n)e[t]=n[t];return e}function w(n,e){var t=x(n);for(var r in n)t[r]=e.hasOwnProperty(r)?e[r]:n[r];return t}function k(n,e){var t=x(n);for(var r in e)t[r]=i.und(n[r])?e[r]:n[r];return t}function O(n){return i.rgb(n)?(t=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(e=n))?"rgba("+t[1]+",1)":e:i.hex(n)?(r=n.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,function(n,e,t,r){return e+e+t+t+r+r}),a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r),"rgba("+parseInt(a[1],16)+","+parseInt(a[2],16)+","+parseInt(a[3],16)+",1)"):i.hsl(n)?function(n){var e,t,r,a=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(n)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(n),o=parseInt(a[1],10)/360,u=parseInt(a[2],10)/100,i=parseInt(a[3],10)/100,c=a[4]||1;function s(n,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?n+6*(e-n)*t:t<.5?e:t<2/3?n+(e-n)*(2/3-t)*6:n}if(0==u)e=t=r=i;else{var f=i<.5?i*(1+u):i+u-i*u,l=2*i-f;e=s(l,f,o+1/3),t=s(l,f,o),r=s(l,f,o-1/3)}return"rgba("+255*e+","+255*t+","+255*r+","+c+")"}(n):void 0;var e,t,r,a}function C(n){var e=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(n);if(e)return e[1]}function P(n,e){return i.fnc(n)?n(e.target,e.id,e.total):n}function I(n,e){return n.getAttribute(e)}function D(n,e,t){if(M([t,"deg","rad","turn"],C(e)))return e;var a=r.CSS[e+t];if(!i.und(a))return a;var o=document.createElement(n.tagName),u=n.parentNode&&n.parentNode!==document?n.parentNode:document.body;u.appendChild(o),o.style.position="absolute",o.style.width=100+t;var c=100/o.offsetWidth;u.removeChild(o);var s=c*parseFloat(e);return r.CSS[e+t]=s,s}function B(n,e,t){if(e in n.style){var r=e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),a=n.style[e]||getComputedStyle(n).getPropertyValue(r)||"0";return t?D(n,a,t):a}}function T(n,e){return i.dom(n)&&!i.inp(n)&&(!i.nil(I(n,e))||i.svg(n)&&n[e])?"attribute":i.dom(n)&&M(t,e)?"transform":i.dom(n)&&"transform"!==e&&B(n,e)?"css":null!=n[e]?"object":void 0}function E(n){if(i.dom(n)){for(var e,t=n.style.transform||"",r=/(\w+)\(([^)]*)\)/g,a=new Map;e=r.exec(t);)a.set(e[1],e[2]);return a}}function F(n,e,t,r){var a,u=o(e,"scale")?1:0+(o(a=e,"translate")||"perspective"===a?"px":o(a,"rotate")||o(a,"skew")?"deg":void 0),i=E(n).get(e)||u;return t&&(t.transforms.list.set(e,i),t.transforms.last=e),r?D(n,i,r):i}function A(n,e,t,r){switch(T(n,e)){case"transform":return F(n,e,r,t);case"css":return B(n,e,t);case"attribute":return I(n,e);default:return n[e]||0}}function N(n,e){var t=/^(\*=|\+=|-=)/.exec(n);if(!t)return n;var r=C(n)||0,a=parseFloat(e),o=parseFloat(n.replace(t[0],""));switch(t[0][0]){case"+":return a+o+r;case"-":return a-o+r;case"*":return a*o+r}}function S(n,e){if(i.col(n))return O(n);if(/\s/g.test(n))return n;var t=C(n),r=t?n.substr(0,n.length-t.length):n;return e?r+e:r}function L(n,e){return Math.sqrt(Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2))}function j(n){for(var e,t=n.points,r=0,a=0;a<t.numberOfItems;a++){var o=t.getItem(a);a>0&&(r+=L(e,o)),e=o}return r}function q(n){if(n.getTotalLength)return n.getTotalLength();switch(n.tagName.toLowerCase()){case"circle":return o=n,2*Math.PI*I(o,"r");case"rect":return 2*I(a=n,"width")+2*I(a,"height");case"line":return L({x:I(r=n,"x1"),y:I(r,"y1")},{x:I(r,"x2"),y:I(r,"y2")});case"polyline":return j(n);case"polygon":return t=(e=n).points,j(e)+L(t.getItem(t.numberOfItems-1),t.getItem(0))}var e,t,r,a,o}function H(n,e){var t=e||{},r=t.el||function(n){for(var e=n.parentNode;i.svg(e)&&i.svg(e.parentNode);)e=e.parentNode;return e}(n),a=r.getBoundingClientRect(),o=I(r,"viewBox"),u=a.width,c=a.height,s=t.viewBox||(o?o.split(" "):[0,0,u,c]);return{el:r,viewBox:s,x:s[0]/1,y:s[1]/1,w:u,h:c,vW:s[2],vH:s[3]}}function V(n,e,t){function r(t){void 0===t&&(t=0);var r=e+t>=1?e+t:0;return n.el.getPointAtLength(r)}var a=H(n.el,n.svg),o=r(),u=r(-1),i=r(1),c=t?1:a.w/a.vW,s=t?1:a.h/a.vH;switch(n.property){case"x":return(o.x-a.x)*c;case"y":return(o.y-a.y)*s;case"angle":return 180*Math.atan2(i.y-u.y,i.x-u.x)/Math.PI}}function $(n,e){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,r=S(i.pth(n)?n.totalLength:n,e)+"";return{original:r,numbers:r.match(t)?r.match(t).map(Number):[0],strings:i.str(n)||e?r.split(t):[]}}function W(n){return m(n?y(i.arr(n)?n.map(b):b(n)):[],function(n,e,t){return t.indexOf(n)===e})}function X(n){var e=W(n);return e.map(function(n,t){return{target:n,id:t,total:e.length,transforms:{list:E(n)}}})}function Y(n,e){var t=x(e);if(/^spring/.test(t.easing)&&(t.duration=s(t.easing)),i.arr(n)){var r=n.length;2===r&&!i.obj(n[0])?n={value:n}:i.fnc(e.duration)||(t.duration=e.duration/r)}var a=i.arr(n)?n:[n];return a.map(function(n,t){var r=i.obj(n)&&!i.pth(n)?n:{value:n};return i.und(r.delay)&&(r.delay=t?0:e.delay),i.und(r.endDelay)&&(r.endDelay=t===a.length-1?e.endDelay:0),r}).map(function(n){return k(n,t)})}function Z(n,e){var t=[],r=e.keyframes;for(var a in r&&(e=k(function(n){for(var e=m(y(n.map(function(n){return Object.keys(n)})),function(n){return i.key(n)}).reduce(function(n,e){return n.indexOf(e)<0&&n.push(e),n},[]),t={},r=function(r){var a=e[r];t[a]=n.map(function(n){var e={};for(var t in n)i.key(t)?t==a&&(e.value=n[t]):e[t]=n[t];return e})},a=0;a<e.length;a++)r(a);return t}(r),e)),e)i.key(a)&&t.push({name:a,tweens:Y(e[a],n)});return t}function G(n,e){var t;return n.tweens.map(function(r){var a=function(n,e){var t={};for(var r in n){var a=P(n[r],e);i.arr(a)&&1===(a=a.map(function(n){return P(n,e)})).length&&(a=a[0]),t[r]=a}return t.duration=parseFloat(t.duration),t.delay=parseFloat(t.delay),t}(r,e),o=a.value,u=i.arr(o)?o[1]:o,c=C(u),s=A(e.target,n.name,c,e),f=t?t.to.original:s,l=i.arr(o)?o[0]:f,d=C(l)||C(s),p=c||d;return i.und(u)&&(u=f),a.from=$(l,p),a.to=$(N(u,l),p),a.start=t?t.end:0,a.end=a.start+a.delay+a.duration+a.endDelay,a.easing=h(a.easing,a.duration),a.isPath=i.pth(o),a.isPathTargetInsideSVG=a.isPath&&i.svg(e.target),a.isColor=i.col(a.from.original),a.isColor&&(a.round=1),t=a,a})}var Q={css:function(n,e,t){return n.style[e]=t},attribute:function(n,e,t){return n.setAttribute(e,t)},object:function(n,e,t){return n[e]=t},transform:function(n,e,t,r,a){if(r.list.set(e,t),e===r.last||a){var o="";r.list.forEach(function(n,e){o+=e+"("+n+") "}),n.style.transform=o}}};function z(n,e){X(n).forEach(function(n){for(var t in e){var r=P(e[t],n),a=n.target,o=C(r),u=A(a,t,o,n),i=N(S(r,o||C(u)),u),c=T(a,t);Q[c](a,t,i,n.transforms,!0)}})}function _(n,e){return m(y(n.map(function(n){return e.map(function(e){return function(n,e){var t=T(n.target,e.name);if(t){var r=G(e,n),a=r[r.length-1];return{type:t,property:e.name,animatable:n,tweens:r,duration:a.end,delay:r[0].delay,endDelay:a.endDelay}}}(n,e)})})),function(n){return!i.und(n)})}function R(n,e){var t=n.length,r=function(n){return n.timelineOffset?n.timelineOffset:0},a={};return a.duration=t?Math.max.apply(Math,n.map(function(n){return r(n)+n.duration})):e.duration,a.delay=t?Math.min.apply(Math,n.map(function(n){return r(n)+n.delay})):e.delay,a.endDelay=t?a.duration-Math.max.apply(Math,n.map(function(n){return r(n)+n.duration-n.endDelay})):e.endDelay,a}var J=0;var K=[],U=function(){var n;function e(t){for(var r=K.length,a=0;a<r;){var o=K[a];o.paused?(K.splice(a,1),r--):(o.tick(t),a++)}n=a>0?requestAnimationFrame(e):void 0}return"undefined"!=typeof document&&document.addEventListener("visibilitychange",function(){en.suspendWhenDocumentHidden&&(nn()?n=cancelAnimationFrame(n):(K.forEach(function(n){return n._onDocumentVisibility()}),U()))}),function(){n||nn()&&en.suspendWhenDocumentHidden||!(K.length>0)||(n=requestAnimationFrame(e))}}();function nn(){return!!document&&document.hidden}function en(t){void 0===t&&(t={});var r,o=0,u=0,i=0,c=0,s=null;function f(n){var e=window.Promise&&new Promise(function(n){return s=n});return n.finished=e,e}var l,d,p,v,h,g,y,b,M=(d=w(n,l=t),p=w(e,l),v=Z(p,l),h=X(l.targets),g=_(h,v),y=R(g,p),b=J,J++,k(d,{id:b,children:[],animatables:h,animations:g,duration:y.duration,delay:y.delay,endDelay:y.endDelay}));f(M);function x(){var n=M.direction;"alternate"!==n&&(M.direction="normal"!==n?"normal":"reverse"),M.reversed=!M.reversed,r.forEach(function(n){return n.reversed=M.reversed})}function O(n){return M.reversed?M.duration-n:n}function C(){o=0,u=O(M.currentTime)*(1/en.speed)}function P(n,e){e&&e.seek(n-e.timelineOffset)}function I(n){for(var e=0,t=M.animations,r=t.length;e<r;){var o=t[e],u=o.animatable,i=o.tweens,c=i.length-1,s=i[c];c&&(s=m(i,function(e){return n<e.end})[0]||s);for(var f=a(n-s.start-s.delay,0,s.duration)/s.duration,l=isNaN(f)?1:s.easing(f),d=s.to.strings,p=s.round,v=[],h=s.to.numbers.length,g=void 0,y=0;y<h;y++){var b=void 0,x=s.to.numbers[y],w=s.from.numbers[y]||0;b=s.isPath?V(s.value,l*x,s.isPathTargetInsideSVG):w+l*(x-w),p&&(s.isColor&&y>2||(b=Math.round(b*p)/p)),v.push(b)}var k=d.length;if(k){g=d[0];for(var O=0;O<k;O++){d[O];var C=d[O+1],P=v[O];isNaN(P)||(g+=C?P+C:P+" ")}}else g=v[0];Q[o.type](u.target,o.property,g,u.transforms),o.currentValue=g,e++}}function D(n){M[n]&&!M.passThrough&&M[n](M)}function B(n){var e=M.duration,t=M.delay,l=e-M.endDelay,d=O(n);M.progress=a(d/e*100,0,100),M.reversePlayback=d<M.currentTime,r&&function(n){if(M.reversePlayback)for(var e=c;e--;)P(n,r[e]);else for(var t=0;t<c;t++)P(n,r[t])}(d),!M.began&&M.currentTime>0&&(M.began=!0,D("begin")),!M.loopBegan&&M.currentTime>0&&(M.loopBegan=!0,D("loopBegin")),d<=t&&0!==M.currentTime&&I(0),(d>=l&&M.currentTime!==e||!e)&&I(e),d>t&&d<l?(M.changeBegan||(M.changeBegan=!0,M.changeCompleted=!1,D("changeBegin")),D("change"),I(d)):M.changeBegan&&(M.changeCompleted=!0,M.changeBegan=!1,D("changeComplete")),M.currentTime=a(d,0,e),M.began&&D("update"),n>=e&&(u=0,M.remaining&&!0!==M.remaining&&M.remaining--,M.remaining?(o=i,D("loopComplete"),M.loopBegan=!1,"alternate"===M.direction&&x()):(M.paused=!0,M.completed||(M.completed=!0,D("loopComplete"),D("complete"),!M.passThrough&&"Promise"in window&&(s(),f(M)))))}return M.reset=function(){var n=M.direction;M.passThrough=!1,M.currentTime=0,M.progress=0,M.paused=!0,M.began=!1,M.loopBegan=!1,M.changeBegan=!1,M.completed=!1,M.changeCompleted=!1,M.reversePlayback=!1,M.reversed="reverse"===n,M.remaining=M.loop,r=M.children;for(var e=c=r.length;e--;)M.children[e].reset();(M.reversed&&!0!==M.loop||"alternate"===n&&1===M.loop)&&M.remaining++,I(M.reversed?M.duration:0)},M._onDocumentVisibility=C,M.set=function(n,e){return z(n,e),M},M.tick=function(n){i=n,o||(o=i),B((i+(u-o))*en.speed)},M.seek=function(n){B(O(n))},M.pause=function(){M.paused=!0,C()},M.play=function(){M.paused&&(M.completed&&M.reset(),M.paused=!1,K.push(M),C(),U())},M.reverse=function(){x(),M.completed=!M.reversed,C()},M.restart=function(){M.reset(),M.play()},M.remove=function(n){rn(W(n),M)},M.reset(),M.autoplay&&M.play(),M}function tn(n,e){for(var t=e.length;t--;)M(n,e[t].animatable.target)&&e.splice(t,1)}function rn(n,e){var t=e.animations,r=e.children;tn(n,t);for(var a=r.length;a--;){var o=r[a],u=o.animations;tn(n,u),u.length||o.children.length||r.splice(a,1)}t.length||r.length||e.pause()}return en.version="3.2.1",en.speed=1,en.suspendWhenDocumentHidden=!0,en.running=K,en.remove=function(n){for(var e=W(n),t=K.length;t--;)rn(e,K[t])},en.get=A,en.set=z,en.convertPx=D,en.path=function(n,e){var t=i.str(n)?g(n)[0]:n,r=e||100;return function(n){return{property:n,el:t,svg:H(t),totalLength:q(t)*(r/100)}}},en.setDashoffset=function(n){var e=q(n);return n.setAttribute("stroke-dasharray",e),e},en.stagger=function(n,e){void 0===e&&(e={});var t=e.direction||"normal",r=e.easing?h(e.easing):null,a=e.grid,o=e.axis,u=e.from||0,c="first"===u,s="center"===u,f="last"===u,l=i.arr(n),d=l?parseFloat(n[0]):parseFloat(n),p=l?parseFloat(n[1]):0,v=C(l?n[1]:n)||0,g=e.start||0+(l?d:0),m=[],y=0;return function(n,e,i){if(c&&(u=0),s&&(u=(i-1)/2),f&&(u=i-1),!m.length){for(var h=0;h<i;h++){if(a){var b=s?(a[0]-1)/2:u%a[0],M=s?(a[1]-1)/2:Math.floor(u/a[0]),x=b-h%a[0],w=M-Math.floor(h/a[0]),k=Math.sqrt(x*x+w*w);"x"===o&&(k=-x),"y"===o&&(k=-w),m.push(k)}else m.push(Math.abs(u-h));y=Math.max.apply(Math,m)}r&&(m=m.map(function(n){return r(n/y)*y})),"reverse"===t&&(m=m.map(function(n){return o?n<0?-1*n:-n:Math.abs(y-n)}))}return g+(l?(p-d)/y:d)*(Math.round(100*m[e])/100)+v}},en.timeline=function(n){void 0===n&&(n={});var t=en(n);return t.duration=0,t.add=function(r,a){var o=K.indexOf(t),u=t.children;function c(n){n.passThrough=!0}o>-1&&K.splice(o,1);for(var s=0;s<u.length;s++)c(u[s]);var f=k(r,w(e,n));f.targets=f.targets||n.targets;var l=t.duration;f.autoplay=!1,f.direction=t.direction,f.timelineOffset=i.und(a)?l:N(a,l),c(t),t.seek(f.timelineOffset);var d=en(f);c(d),u.push(d);var p=R(u,n);return t.delay=p.delay,t.endDelay=p.endDelay,t.duration=p.duration,t.seek(0),t.reset(),t.autoplay&&t.play(),t},t},en.easing=h,en.penner=v,en.random=function(n,e){return Math.floor(Math.random()*(e-n+1))+n},en});
\ No newline at end of file
diff --git a/static/js/header.js b/static/js/header.js
deleted file mode 100644
index 3c12764..0000000
--- a/static/js/header.js
+++ /dev/null
@@ -1,5 +0,0 @@
-var headerTitle = document.querySelector('.header-title');
-if (headerTitle.clientWidth == 0){
- headerTitle.classList.remove('header-title');
- headerTitle.classList.add('header-back');
-}
\ No newline at end of file
diff --git a/static/js/nav.js b/static/js/nav.js
deleted file mode 100644
index c1a642b..0000000
--- a/static/js/nav.js
+++ /dev/null
@@ -1,15 +0,0 @@
-var navList = document.querySelectorAll('.nav-list');
-var tag = document.querySelectorAll('.tag');
-
-for (var i = 0; i < navList.length; i++) {
- navList[i].addEventListener('click', function () {
- for (var j = 0; j < tag.length; j++) {
- tag[j].style.display = 'none';
- }
- this.querySelector('.tag').style.display = 'block';
- this.addEventListener('click', function () {
- this.querySelector('.tag').style.display == 'block' ? this.querySelector('.tag').style.display = 'none' : this.querySelector('.tag').style.display = 'block';
-
- });
- });
-}
\ No newline at end of file
diff --git a/wiki/footer.html b/wiki/footer.html
index 69051ae..33e0f28 100644
--- a/wiki/footer.html
+++ b/wiki/footer.html
@@ -1,35 +1,86 @@
-<footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
+<footer class="text-white">
<div class="container">
- <div class="row mb-4">
- <div class="col-lg-6 col-xs-12">
- <h4 class="mb-3">Heading</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ante mollis quam tristique convallis</p>
+ <div class="row">
+ <div class="abus">
+ <h1>About us</h1>
+ <p>In 2022, Hainanu is
+ committed to developing
+ a CAS13 & 14-based
+ portable, single-base,
+ non-amplified platform
+ for the detection of marine
+ drug-resistant microorganisms.</p>
</div>
- <div class="col-lg-3 col-xs-12">
- <h4 class="mt-lg-0 mt-sm-3">Links</h4>
- <ul class="m-2 p-2">
- <li><a href="#">Lorem ipsum</a></li>
- <li><a href="#">Nam mauris velit</a></li>
- <li><a href="#">Etiam vitae mauris</a></li>
- <li><a href="#">Fusce scelerisque</a></li>
- <li><a href="#">Sed faucibus</a></li>
- <li><a href="#">Mauris efficitur nulla</a></li>
- </ul>
+ <div class="cous">
+ <h1>Contact us</h1>
+ <div class="icont">
+ <div class="ic">
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"
+ viewBox="0 0 91 129">
+ <image id="iconfonticonfontditu2" width="91" height="129"
+ xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsAAACBCAYAAACvk8bQAAAM/0lEQVR4nO1dC7CVVRX+vBfkIReUCwmiCGiCDq8QEDFe+YpMTUQiGh9TM9WMjpMxBDkQlflIFFEsRSjNdHpQalhGKE/TQgeQKHkGIhBCvOHyvLCaRd9xDrfzn/+11/7PvfDN7OFczjlrr/87+9//3muvx2kighJCewAdAHQEcBH/1nYegAoA5QVUPQpgL4APAawDsBbAagAr+fqDUrm8UiD7kwCuANAHwOUAujqU/R6AvwFYxLbEoezYyIrshgCGALgMwNUALvbQ5yYArwKYD+B3AI546PME+CZbSf4SgOEArvHZcQ3MBPAygJ8DOOSrU59kfwXA7QD6++owAnSU/wzA8z4680H2pQDGAfh8wAMua+h08gcA93NeN4M12d8H8FUAbUqQ5JrQOf1pAD+06sCK7HMBTAZwo/Zh0YERjnGUf5PLSKcoM9BZVxlvAvhCLSMa5OMGALMBXO9auMuRrcR+HcAkAA1cCc0Qukq5G8A0jvjUcDWy9cH3bQBP1RGiweuYAmCMK55ckf1dAA85klVq0FXKWBc6uZhG7gEwsdQYMsDItNeZlmzdqPzU+CJLCben2QClIfvTAN6oQ3N0FOwHMAjAO0m+nJTsZgD+AqBzWu1rId4j4bviqp70ATnpJCVa0R3AI0m+mGRk67z1XJLOHEBH0zbaM+oDaAHgzIx0GQHgl3G+EJfs1gDm8RTFB3bTBq19LgewB8ABns7o2r4RpzS1hw/krq+pJ93eBzCAP340KNkx2uPiB2tFZKSIXCQiTSLq14SfHyUiH3jSc0Ic/uIQ3V9Ethorf0REJorIuTEHQc3WVkQmUZ4lNotIH9dk63TzvLHim0TkJhGpl5LoXKsvIkMo1xLTouoUdTWiB7FX2U1/+BeAoTyqqnYkUx+iL9H6uNKRzEK4FkDPKB+MSvYIPhwtsJHy/2ok/10AX6argwXUdn9bFLlRyFZXg+uMFK3iUjLRjiwGFvHEqMpI/mAA7cI+FIXsq6MISogHAcwxkl0Talr4kZHsC6N4C4SR3cBwrl4M4Akj2UF4gtttC1zFjVYgwsjWremVBorpKcgzdBvzid08EDhs0OeVYSaMMLK7Gu3I1AfvBQO5UaAm0jUGcpsD6FbsA2FkF/1yCsw1fFiFYT/7t0BisnWp18tAIZ06XjeQGwezjaawnjSOFUQxsts79ijNYYeHpV4Y3qEertGNLs8FUYzslnSEdI19AP6dEck5bKIerlFB3gqiGNnnGF2oxYhKAis9WgW9EUS2Otycb6TMfiO5cWH1gA7cAAaR3cBwZNczkhsXVnq0DtrcBJGtHz7DSJlmRnLjwuo4TXk7vdAbQWSfbkj2mWHbWg+ob0h2kyRkNzFSpsJoSRkHXamHBSrikl1mGCVQyYPSLDGAeligPIjXILKPGK4a6mUcvASaja0ekAeCItGCyK7ml6yg29ouhvKLoYuRGSKHqrhkHzYmu5KhFFngW4ZTCEh2QRNuENk6hWwxJmJoBnO3+ujdbNzHVgAHC70RRLaGNay31em4nXy8x3V3MzrtW61CclDeCrqZFbONbDRV6X/QkXafUSBVPsoYcjfQuB8UM7IVu8itrgJ3QnAX4yULrk0d4HTKv9PDtShf/wl6sxjZ65lKwhqnMWZFY3LOctzXWTxRH+spTPD9Yik3wqaRv9voVBD38FyyuyN5KudFz6uepcWm32JkH+SXfeJzdA8elcItWRPDjKacwZ71X1rMfS7MP/uzAH5vOJ8Wg/r//RrAAgArQlZH7UhyP6bYCDyaMsRBJkOYHdRFGNlqGfsjgL4ZKJ+PxZwPN/CE5RjvyuZMadTZ4fSTFHMZqx94kBxmH9hFIVmT3YOtlPFm2Il9lPXtW0YeRHUJe6P4okQhewF/tVMIhhL9tguyqxgd5i2XUi1DFV3aQu/+qNvk6ZxOTuH/obzMiMJLVLIP8dc7NbpPhFpHn42ati5OHKQe98wC8Bk3etYJzGRURiQbUhxrmwZ6PpwkZruOQtf7E+IY6+KaNv8M4BcnO8vEb+KGqCSJXW/BjAwd436xDmEtTQOxHESTGO230T58MuPBJJ64aZK7vEJbwMmG+UlPfNKQ3QnAQo9ZEEoBwmjnhUl0SXP2t8IylWaJYkpSouEgIVcFjfSlbpFzgQ1Mqr4hqay0p9p7mTyxpHL5G+G+NETDkQuBnkz8xPIqSwC6v/hVWjVc5WLVZAJ/AnBBCRDjGkITxby0cl05x6xmGs26OJ1MdkE0HHsiTWfhhroEDbv+savrcUn2Pua78x38b4VjNDStciXftY/dQm5l6wKcPBTzYZGGvyVT2fd2Ldgjqhid4DSVkoX3qDoW3mvsTG+NKRY5q6xcdWdnmE8kLdR8+qiFYEu/6B+k3XFlAD2NesAqkYEl2RtpqHKVp88HFlhWY7IuClSfiWs10WCpYycPb63yC5qHVxyhoUqjGEodL1oSDQ9kgw71Uz2FjCTFKj5jTOGDbDDUYrGnvuLiEF00AmNhXMEX2bqFHx8UH5gx5rMupDl8ka2YVYJrbx0E3/O1YvJJdjWXglkn48rHU6zx6wU+yQbjYsZ77jMImuL5MZ82eN9kg+5rgUE+HqH2m498dphVdepLuVtrnEXn/LEH+65QncXIBpOHZ5UC4yBHtfdS4L7Tvmn6urZMXd8hL8TOJ57MKj2p5TRSSVet3vR4bcFWydaQDyefpWdXMs/1Jo99fgyXI7uc8+BAJoA9h61YSjffNX4nhBDdhT4wa5i2f67LpWrakV1Gcm9hVpxWBpkVXGEG9QyK6mrMk/Q7+Pc+buE30ZVhetrECUnILqdTzq2s5NymhAnOYQfTFRXz/xjCWPlCd7s+W7YD+CeA3/KH2xTbuBajolFDEenNSkw7ReSocWUjl3go5NraiMiyiP0dFpFtIvKkiHQWkQauy11dIiJT2VFtw1IROT/k+h5IeE37ReRpEenGkmCpyG7J6nX7aiHJwrvvjpBr7EPS0qBaRMaKSOukZPcUkXnZcpUaM0KI1ilgjsP+ForIoLhkDxeRXRkR5Ap7OGCKkX2nUd8jo5J9l39eTPBIhIfiFsP+7w8j+9YMyXGJ1SJSGUL2Cx70GJPfZ/46uwd3TL6ivw4zD9R6bh62sG2jn92IFLLDitFrBb1pKeRHhTBv1GvI29Q0pNnRMj3RYhZRW0bD/Vbak7ex5lf+7qoxM4ldmKCfWRH8VK5ghG4nJi7/VIJ+omIlbUQ7lexyblFd/9JrmLVA83GsA7CZLappcwTPLOPYT/bRfLAo4ue1kMbZ3AV3zKtw3TxGn1Ew+vipENeGSxzNUatEZJyIXM6NRP2ou6sCrVxEXonZ/8Mp+tPWmBWubxSRZ0VkhyNeVmgRZ+1gqIjsTiFoPx82g/jDhe6kYrTuNA1EwcqwTUUC4nXA3CIib6U0T+wVkdvAWupJtuEqYIqIdBGRRg4vsmYbF0GXYyIywlCHpiJyLe+0Awm4Un4nq6CXYn6xmjvLfrzVrS4w11qJyOIQnV4mIda6aJnyYSKyiDzEwasq4PWYX9rDOdn6wvLbdUUurkpEennWpx95iIM3yugqGwcVPMe7xuMZ5pwi3lSPevQjzFUimZggw/yOMq5145409+CybrKn1KEHGBGwvcb/r6VX01EPOvTl9c6MWtQ+D0eOH6/xwZLGhHpIRJ4RkZtF5Gzj2/fuGn0P8/C8GEqb9aEUHOli4ou6TGvF9J9Jdms18Ta9QpfyteuYmgqWpL2MqaaHG3jGnsdR3I3nqi7uXN1FDqhHe8RzjhK19M1TbjHbKh6U/sOBC8FeRhGrv/fjjohuw5TQXbiLtMhorIkWt+ZsI824xbXKqqC2j3WsB/AhX6/Na3FKa5VTz7hhzmewLnEHtvZ0GGrHZlVFbyV9Z/bkW/2GeA7038MH3na+ruLrj2gF3MmRnKtzdogjeRdtIE3ZGrI1YsBUU572t6RrRXMS3YyvKz1aNvX0/aZcrtaargyjGPKQNYTEHqHC1VxxVLNJXmW/enn/lrFkQIMMHIAKYQynvOOoSXYZl1ijS0DR2g5NmDAuf1layElHb8Vv0FWrwcnOWALodPcdrslPCB8p5hF1PQk/mdOAxsVyTsWvFYpoCHM/a85p5QZWXT6FwthKt7R7ufIqiKi+fl05//QH8IlThH8M3aO8y/k5tOZBXMdKPTb6GndwWRTeKRWsZej1VO6YIyGpy/AlAIYB6MPdVsu6xmYB7OWOeD7TGS2PK8BF5MEAevP3YhWkVmkFlhA20yNgCQ+uZ6ep++AyzKM+o8B0pF/Meb5TLZvjt3DELuO/OfuOk2Any5iaFrQ/5OwRF+S1tladxsB6OgnlWs5es66A3dwJfMdB6ijX+V3tE2r40ddKvPpu6P/p37rcVNtGE9o74mys9BZXO4raWdS2oqSpnUUjD3TUKsHqFKT2FX1Pl2zm2RiOA8B/AeWhF8SaG2m2AAAAAElFTkSuQmCC" />
+ </svg>
+ </div>
+ <div class="te">
+ <h2>Adress:</h2>
+ <p>Hainan University, No. 58 Renmin
+ Avenue, Haikou City, Hainan
+ Province, China</p>
+ </div>
</div>
- <div class="col-lg-3 col-xs-12">
- <h4 class="mt-lg-0 mt-sm-4 mb-3">Contact</h4>
- <p>22, Lorem ipsum dolor, consectetur adipiscing</p>
- <p class="mb-0">(541) 754-3010</p>
- <p>info@hsdf.com</p>
+ <div class="icont">
+ <div class="ic">
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"
+ viewBox="0 0 115 83">
+ <image id="e-mail" width="115" height="83"
+ xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABTCAYAAACs7zjQAAAHEklEQVR4nO2dCYwURRSGv10RYoDgRYIcRhSNShQULzwQQRFPDiWeoKASRXFRYjBqomIwYFAuFRHxwCNiVEQUEV0M60VUVDwQAVGiYAyrBBAxgllT5B8z28zuzrzu6e3u6S8hZHbmdb+uf6aq33tV1WU1NTXkYD/gWqAfcIhe75Hrgymh8C9QDawFXgNmAb97T+wVswlwKzASaJ/qFFl+Bh4FJgI7M056xTwAWAW0KPXWigH/AAcBv2ZcLff47N44DHi51Fsq4swFOmULSQ4x0QcGAeNLvcUiyoPAQHW1tajrBijDxcBsYK/SbbvIsAMYBjxXl0MNienoKkGPSmQTxYMVwBBgWX3e5upmvXwJnAq8WJrt2OjMVfvXKyR5iunYAlwG3BfvdokdD2h83JSP4/l0s14uBR4HWpZSq4bMNuD6+sbHXFjERLfFr6bjaFFYpV/jt4UePN9u1ssaoFcajwaOS9X1sAiJxOxn9Kha8eg94V1rohkLDAB+M17kha6bXQ1sdC8kkIX+Sv7uW+qKGNgMDAdeMtq3AuYDbdwvcz3QHVgEHGE8oOsezlJ/n5I/PwB9fAjpUq8LgdNc5q48K+t+DPAFcLnxwJ/rGM+kYubFHCVkPjHaD1IO4CS93uHELMv6QDPgeZVWLPwFXA3cWdx2iD33KMT703gh4/Rrzk6zltV1NzsaeMVHLHm/8rqbjfZJZZtEvNd4fc2Vibsj15v1hSYu1lmuW2UL7svQBVhaiqrl4FMNQ3OM9t3VrV5S1wcaijM7Au8olWdhHXB2oZmMBDJH7bDaeGkDpEOn+j6UT9KgKfCC8oQWXF53cAmPo2PVteaVX83BOGXbmjf0wUIyQLcBbwFtjU65cfRcb3U8wWxUQuZu4yW2VvyYc3zMRaHpvL7Ae0A3o4Puy3A68JXRPi6s1HW+bvS3i9r5/EKMLLlZF6h+qK7TwmrFRk8b7aPOs8CJwHdGP12c/zHQuVBDa6K9mWYfTDLabweGArcb7aPKXZoRsMXo33jF+aZpOlYxM4wC3gT2N9pPAM4D/vDpR2OzVaHcOKMjewPzgDF+LsSvmOim5n3gZKP9AuAUxWFxZJliwLlG348DPlChwxdBiOk4XIIOMdqv1JdhZkD+hMVszc8x1R81Pn5kGR9zEZSY6FguyT7ZaL9TpaBbAvSpmLjx/irgb+M5Jmp83DMoH4MUM0OFus42Rnv3ZbggwvFoteq3E4z2rVUyHB2wX0UR03GOSmK9jPZvAEdrLIkSS1W2mmf0qYfGWOvsjnoplphoEZIrnF5jtK9W4TYq4+hTKsCvN9pfoQkAHQL263+KKSYaD54Aphrtt0dkHB2jpQHW+uMkFRuaBexXLYotZga33nOJlqBZmKz02LqQ/M3wC3CmjyKDW+NaqXi86IQlJhov3lVMZqEK6A18FpK/X0vISqN9N3Wr1vuGgglTTLSk3sVVNxjt3QSoE4CHA/bLy3SJ8b3R/jolQawT5EyELWYGt4R7hvH8Neq2b9Za/6Bx2wCM0BI6C9O0fKOsCL7VS2OJiW5sFvjI605TKtE619fLJqXUrMWDfVR/vCkgfwqmMcVEUymW638Li1T7W+zTjyU6znyjfW9dR0H1x6BpbDHRzIWF2qrGwgYVza3hzwzZ77asPE8Gy/+ixY/5EgUxM8zUWGrBjW8VGusKYZSWzlnzq1OVbG8SVCP4IUpiorvcKs0KtDBdIdDaBmzd+z2BKcbzdFSYNdJoXxSiJiZaN1GlxrbgSnHHK/3mvTlyr5/U+0uMx++ZFfNGCrcKrDLMwLZARvqMKdtqPk4LpeKW+qzGDNcYG0UWR6KvrwcXfhyrINwSU27wMQMgG9eDPSY/IksUu1kvQ9WtHdxI5++gaY+RFpKYiImmlFQpVxomZ+i81vU2oRIXMR3ttN6iIqTz3ahkhLXSEzpxEjPDZNUGiznezwohmR84cRQTVe3fBg4M+LjtddxhAR83FOIqJgqnlgcx31T01fH6BHS80ImzmGTNBHflMD+MUAUn1rulxF3MDC4t5zaYOrJAu85a4f1IY9QfgyYpYjou0sxyJ86Vyv409Xymqf4+RMmEb7RGJBFEPQNkYaD+uc0xftSkrG1K6bVTkrxV/C6rYZIoZoZWmrDcNRruFJ8kdbMlTypmgkjFTBCpmAkiFTNBpGImiFTMBJGKmSBSMRNEKmaCSMVMEKmYCSIVM0GkYiaIVMwEkYqZILzPNUmJL7uea2J65mJK5Kgp97HrVEq02Fquh1OnxJ8V5T52oEqJFpWZxxSv0e5ZKfHE6XdoJjQJZaO+lKKxS7+MmG6z3ofSto4lk/QEi92eBj8lgEU4KeExNXvxsTcDVKGHmaaPG442P2mPhVqryL2/zAwttQy8v26MrJsVpgSH28PIbdHqNut329fUfuof8B9OaE57bbYEowAAAABJRU5ErkJggg==" />
+ </svg>
+ </div>
+ <div class="te">
+ <h2>E-mail:</h2>
+ <p>hainanu_igem@163.com</p>
+ </div>
+ </div>
+ <div class="icont">
+ <div class="ic">
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25"
+ viewBox="0 0 98 107">
+ <image id="iconfonticon6" width="98" height="107"
+ xlink:href="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABrCAYAAACMqlfGAAAHyElEQVR4nO2daWxVRRTH/30tVLBoKVSxLoDFBTeKYkBFJWhUEAwuqBAgEjBEjSYuMSKicQ1GTcAPxqSJSkyUKBAkoEbjhlVAo0EkriBYEFGxgiBUCow5cF5zLe/dd+fOufv8kvsF3p3t37kzc+bMmTKlFBJAOYATAfQBcAqAegDHADgCQGcufiuAFgC/AFgH4DsAzfzEnoqYF5Aa/xwA5wEYzEL0dDR+MXYB2ArgewDLAXwCYBWA36Orijtx7BF1AMYCGMON30UoXRLhcwCvA1gC4E+hdEWIkxDDAExlAQ4POK8tAF4B8BKArwPOyxNxEOJCAHcCuDqCvFu5hzwG4IcI8m8nSiFOBvAwgBujKoCDvQCeAfAIjy+hE5UQ9Al6HMBRUWTuAn2mbgXQFHbGuZDzo2loIz9xE4E4E8DHAGaEnXGYPaI3gPkABoWVoSEvA5gUVmZhCUGLr/cBnBpGZoIs5qn0nqAzCkOIOl5Q9Qk6o4B4C8DIoDMJeozoBuDNBItAjADwQtCZBC3EXAADAs4jDCYDuCfIfIL8NN0N4OmgEo+Ii3hWJU5QQpwB4EsAnWLesLo084Rjt3TCQX2aGlMoAnECgJlBJBxEj7gBwDzpRGOE4l4hapuS7hGd2YCWZsoAPCRdP2khqDf0E04zjoxno6UYkkLQX8pdqWhmb9wrmZjkGEH7CsukEksA29h+9rdEUSV7xM2CaSWBasnNLCkhugK4XCitJDFWqqxSQpwf0/2FoLkYwNESeUgJMUIonaRRJfUlkBJiqFA6SURko0tCiGPZtpRVzpaot4QQg3iwzipk5u9lWncJIeozK8FBqiQ2viSEEF3qJxTjT7OEEL2T2nqCGNvXTIWoyOj6oSN1pgmYClEtUYgUcLxpFUyFoNlSTVpa04Bq0wRMhaj0cGgkC1Sa1tFUiNbMNLU7h5kmYCrEHaYFSAm0oJtgUhWTjaFHATyQ0ob1C20Vv+bnXb9CjGBXSsv/aQPQl0+2auHn05TjkzWWQyFfrvv8tIufHnEugM+sCEVpYdvTDp2X/PSI0WblTD017EihhR8hknLiJ0rO0s3bjxDWyFeavrov6ApBsS+OFCpsmtE2hOoKUSWxiswAVbpV1BWiPIIjwUlEO9iMbqO28Sl9izvap1B1hdgZxGmZFLJTt0p+hPgjq62rwU+6L+gK0R/AcdKlTiF06LG7TrV0TBy0Qf6R3Rr1TBP7xu738oLXHtEDwHtWBC3IDXWR1xe8CEFT1gV8otKix2iOAyUixFPcxSz+oONs40q9WWqMoOhir1oBjNnDsaCKHgl2E4LGhbUSriKWA6zgsKkFcfs0NVoRRBniFlilWI+4jqM/WmTZzZ+odV6EqORvmZ0lBcNSAKM6plzo0zTdihAoVxaahXbsETQmbPRjT7do0dRxX7tjj7jFihAKtOq+1JmRs0d0ZauhyLlhS0necR4NdvaI660IoXIJ34VxAKcQ49Nd79hBNryJ+ULlP031fOlFedZbJ2TWca/Yl+8RI60IkVDPN8a0f5quyFb9Y8VwsBDd2LHYEg20nqjMse2j1ooQGQPpE0VCnJ7RBogLdJNAQ07X28ASCDUkxD7btpGzN6fhQvkP33ZoKQ216RqNdjoghNdwmTNjckNWEtjKBz7f9lBW8nvaluMzX6XYAGA2gK8ArM50E3tjIYBNAG738GtyLPgt5/GqyAkcnJyYFXQtEg79hT/LVVjLlx26QYF8W3Js+nY7ATmd7wjKs5B7iKUwS9hul2d2idsDfgSwmYTY7DIIzy3QA/5N4U0pkjxYIK1xLneirgTwV97W9GKBH1Aog5uKvNzox/U8AyzicbQQl/HtwYXaGSAzuFKqUim1TB1kn1JqFv+72zNRWZzsV0oNKNFmtUqpBY535uT/z7lV2okNUHTF8Dce/3jXWBNJO88BuM3jb4dye3+Q/wfTawuGORPLMNv5NnovS4GCmJ4Q/ZDv9Mw695uIAKGLPKp5vtwjo2J8CuAC00QkzkzTgmSaQDpJZJfLzFILqcPrdKLoiVQ2dXHINHEtL8iMkRKiXwY/TYo9MHpKJGY6RnTngYqmbV0kCpRAyDLxpMO+5AsTIQayDcUGaT8Iraqn+J09+RViFC/Ns9oLirGR3WPW6r7oRwi6QWS5jYBclG8BDA46pl8ZnzK1IhSHwmTM0X1JV4gpdkzwxOS8K6VXdIWYFHqVkotWW+kI0ctGuNRiiM6PdYTobeP5adFTZ1apI0QFD9YWb5TrxPbTEWKL9QrUYgc75XlCJxrjBt4Ab4i2fu2sZ9NCG7uw1LBTQ1x67QqvQbPgY0EXl9AQLXxovKNbY5yi6fTXcVHVnb7OB/C8fplEWczXUhbyLZ3HEWC+iLiMU7T9hD14axR65kTgv7FKKTXJY/nIK2WGUmpTyGVsVUpN9dOmfoWg5yql1OqAK7ZdKbVUKXWNUqrCRxl7KKWmKaVWKqX2BlzWRR7caYo+EnvWdO//GI5fZ3ropY3t++8CWMYxK9abFpBpYDeW4bzHXGs4sFPD/czm7zfYkcI3EkLkqeXK0rX7J/FKvI5je1Q5rlou49lEC0+JqTJkPiYPOXI/bNa1XPqAHB5od42spKfxzYr0UJnpNoB8o1A5aQpKD7nM0N1Bv7LfF/kD0zilHfX4EAD8B2bxl5vXECUUAAAAAElFTkSuQmCC" />
+ </svg>
+ </div>
+ <div class="te">
+ <h2>QQ:</h2>
+ <p>983410350</p>
+ </div>
+ </div>
+ </div>
+ <div class="rlogo">
+ <div class="logo-box">
+ <div class="slogo">
+ <img src="https://static.igem.wiki/teams/4223/wiki/b/0.png" alt="">
+ </div>
+ <div class="slogo">
+ <img src="https://static.igem.wiki/teams/4223/wiki/b/1.png" alt="">
+
+ </div>
+ <div class="slogo">
+ <img src="https://static.igem.wiki/teams/4223/wiki/b/2.png" alt="">
+
+ </div>
+ </div>
+
</div>
</div>
<hr>
- <!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org -->
- <div class="row mt-4">
+ <div class="row">
<div class="col">
- <p class="mb-0"><small>© 2022 - Content on this site is licensed under a <a class="subfoot" href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution 4.0 International license</a>.</small></p>
- <p><small>The repository used to create this website is available at <a href="https://gitlab.igem.org/2022/hainanu-china">gitlab.igem.org/2022/hainanu-china</a>.</small></p>
+ <p><small>© 2022 - Content on this site is licensed under a <a class="subfoot"
+ href="https://creativecommons.org/licenses/by/4.0/" rel="license">Creative Commons Attribution 4.0
+ International license</a>.</small></p>
+ <p><small>The repository used to create this website is available at <a
+ href="https://gitlab.igem.org/2022/hainanu-china">gitlab.igem.org/2022/hainanu-china</a>.</small></p>
</div>
</div>
</div>
-</footer>
+</footer>
\ No newline at end of file
diff --git a/wiki/layout.html b/wiki/layout.html
index 2513453..ab9f6e2 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -12,10 +12,16 @@
<!-- Custom CSS -->
<link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
+<!-- <link rel="stylesheet" href="{{ url_for('static', filename = 'index.css')}}">-->
<link rel="stylesheet" href="{{ url_for('static', filename = 'css/base.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename = 'css/nav.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename = 'css/mobile-nav.css')}}">
- <title>{% block title %}{% endblock %} | HainanU_China - iGEM 2022</title>
+ <link rel="stylesheet" href="{{ url_for('static', filename = 'css/header.css')}}">
+ <link rel="stylesheet" href="{{ url_for('static', filename = 'css/footer.css')}}">
+ <link rel="stylesheet" href="{{ url_for('static', filename = 'css/mobile-footer.css')}}">
+ <link rel="stylesheet" href="{{ url_for('static', filename = 'css/content.css')}}">
+
+ <title>{% block htitle %}{% endblock %} | HainanU_China - iGEM 2022</title>
</head>
<body>
@@ -23,30 +29,29 @@
{% include 'menu.html' %}
<!-- Header -->
- <header class="bg-hero py-5 mb-5">
- <div class="container h-100">
- <div class="row h-100 align-items-center">
- <div class="col-lg-12">
- <h1 class="display-4 text-white mt-5 mb-2">{{ self.title() }}</h1>
- <p class="lead mb-5 text-white-50">{% block lead %}{% endblock %}</p>
- </div>
- </div>
+ <header>
+ <div class="header-title">
+ {{ self.title() }}
</div>
</header>
<!-- Page Content -->
+ <article>
<div class="container">
{% block page_content %}{% endblock %}
</div>
+ </article>
- <!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org -->
+<!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org-->
{% include 'footer.html' %}
-
- <!-- Wiki Tools: Teams are allowed to remove it -->
- {% include 'wiki-tools.html' %}
-
+</div>
<!-- Bootstrap Bundle with Popper -->
+ <script src="{{ url_for('static', filename = 'js/jquery-3.6.1.min.js') }}"></script>
<script src="{{ url_for('static', filename = 'bootstrap.bundle.min.js') }}"></script>
+ <script src="{{ url_for('static', filename = 'js/anime.min.js') }}"></script>
<script src="{{ url_for('static',filename='js/nav.js') }}"></script>
+ <script src="{{ url_for('static',filename='js/header.js') }}"></script>
+ <script src="{{ url_for('static',filename='js/title-list.js') }}"></script>
+ <script src="{{ url_for('static',filename='js/pic-link.js') }}"></script>
</body>
</html>
diff --git a/wiki/menu.html b/wiki/menu.html
index 7bdf76d..4cb3f57 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -2,27 +2,27 @@
<div class="nav-logo col-3"></div>
<div class="nav-topics col-9">
<ul class="nav-titles">
- <li class="nav-title short-nav"><a href="{{ url_for('pages', page='index') }}" class="nav-link">Home</a>
+ <li class="nav-title short-nav"><a href="{{ url_for('pages', page='index') }}" class="nav-link"><span>Home</span></a>
</li>
<li class="nav-title middle-nav nav-list">
- <div class="nav-link nav-tag">Project</div>
+ <div class="nav-link nav-tag"><span>Project</span></div>
<ul class="tag long">
<li><a href="{{ url_for('pages', page='DESCRIPTION') }}" class="tag-link">DESCRIPTION</a></li>
<li><a href="{{ url_for('pages', page='DESIGN') }}" class="tag-link">DESIGN</a></li>
<li><a href="{{ url_for('pages', page='Implementation') }}" class="tag-link">IMPLEMENTATION</a></li>
<li><a href="{{ url_for('pages', page='CONTRIBUTION') }}" class="tag-link">CONTRIBUTION</a></li>
- <li><a href="{{ url_for('pages', page='RESULTS') }}" class="tag-link">RESULTS</a></li>
+ <li><a href="{{ url_for('pages', page='RESULT') }}" class="tag-link">RESULT</a></li>
</ul>
</li>
<li class="nav-title middle-nav nav-list">
- <div class="nav-link nav-tag">Dry lab </div>
+ <div class="nav-link nav-tag"><span>Dry lab</span></div>
<ul class="tag little" id="dry-lab">
<li><a href="{{ url_for('pages', page='MODEL') }}" class="tag-link">MODEL</a></li>
<li><a href="{{ url_for('pages', page='HARDWARE') }}" class="tag-link">HARDWARE</a></li>
</ul>
</li>
<li class="nav-title long-nav nav-list">
- <div class="nav-link nav-tag">Human practices</div>
+ <div class="nav-link nav-tag"><span>Human practices</span></div>
<ul class="tag long" id="h-practices">
<li><a href="{{ url_for('pages', page='human-practices') }}"
class="tag-link">HUMAN PRACTICES</a></li>
@@ -32,7 +32,7 @@
</ul>
</li>
<li class="nav-title nav-list">
- <div class="nav-link nav-tag">Wet lab</div>
+ <div class="nav-link nav-tag"><span>Wet lab</span></div>
<ul class="tag long" id="wet-lab">
<li><a href="{{ url_for('pages', page='ENGINEERING') }}" class="tag-link">ENGINEERING</a></li>
<li><a href="{{ url_for('pages', page='PROOF-OF-CONCEPT') }}"
@@ -43,13 +43,13 @@
</ul>
</li>
<li class="nav-title short-nav nav-list">
- <div class="nav-link nav-tag">Team</div>
+ <div class="nav-link nav-tag"><span>Team</span></div>
<ul class="tag little" id="team">
<li><a href="{{ url_for('pages', page='TEAM') }}" class="tag-link">TEAM</a></li>
<li><a href="{{ url_for('pages', page='ATTRIBUTIONS') }}" class="tag-link">ATTRIBUTIONS</a></li>
</ul>
</li>
- <li class="nav-title short-nav"><a href="{{ url_for('pages', page='AWARD') }}" class="nav-link">Award</a>
+ <li class="nav-title short-nav"><a href="{{ url_for('pages', page='AWARD') }}" class="nav-link"><span>Award</span></a>
</li>
</ul>
</div>
diff --git a/wiki/pages/collaborations.html b/wiki/pages/collaborations.html
index baea2c5..186cc2b 100644
--- a/wiki/pages/collaborations.html
+++ b/wiki/pages/collaborations.html
@@ -1,39 +1,125 @@
{% extends "layout.html" %}
-
+{% block htitle %}Collaborations{% endblock %}
{% block title %}Collaborations{% endblock %}
-{% block lead %}Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.{% endblock %}
+{% block lead %}Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other
+teams on difficult problems that you can more easily solve together.{% endblock %}
{% block page_content %}
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Silver Medal Criterion #2</h4>
- <p>Collaborate with one (or more) 2022 iGEM team(s) in a meaningful way.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/medals">2022 Medals Page</a> for more information.</p>
- </div>
+<div class="row display ltext">
+ <h3 class="w5">Overview</h3>
+ <p>The collaboration component has been very important throughout the course of our project. This effort allowed us to
+ better understand other teams' projects, which in turn led us to recognize where we could achieve improvements.
+ However, due to the limitations caused by the epidemic, most of our collaborations took place online, and even so,
+ we gained valuable advice and experience from these scientific exchanges and sharing. For this, we thank all those
+ iGEMers who have contributed to the development of our project and look forward to promoting communication and
+ collaboration among the synthetic biology community through our efforts.</p>
+ <h3>Hosting the virtual online conference CRISPR meetup</h3>
+ <p>UESTC-BioTech has been working on synthetic biology breakthroughs in oil and energy production by tuning the lipid
+ metabolism-related pathways of Chlamydomonas reinhardtii with the CRISPR-Cas9 system, so we have entered into a
+ partnership with UESTC-BioTech based on CRISPR technology and have formed strong ties in the subsequent exchanges
+ and collaborations, from which we have gained Mutual benefits.</p>
+ <p>Based on the commonality of the technologies used by both parties, we jointly organized the CRISPR meetup on August
+ 14, 2022 in order to seek a wider commonality of cooperation. HiZJU-China, NWU-CHINA-A, SCAU_China, SJTU-software
+ and other teams to share their projects. We discussed the difficulties encountered in the process of experimentation
+ and human practice, actively faced and sought solutions, and we also established deep friendship with many teams in
+ this meeting.</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/02/cllogo.png')}}" alt="png" class="logo">
+ <img src="{{ url_for('static', filename = 'images/02/crlogo.png')}}" alt="png" class="logo">
</div>
-</div>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/02/01.jpg')}}" alt="jpg">
+ </div>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/02/02.jpg')}}" alt="jpg">
+ </div>
+ <h3>Experimental Mutual Aid</h3>
+ <h4>JLU-China</h4>
+ <p>We worked with Jilin University and Xiamen University on the design and discussion of the Lethal system. With the
+ collaboration and help of the three teams, we have completed the experiments related to the blue light and red light
+ lethal genes. We had in-depth discussions and exchanges with Jilin University on the construction of plasmids and
+ expression of lethal genes. In addition, we conducted online communication with JLU-China on modeling and other stem
+ experiments, and we provided JLU-China with experience support on modeling.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/02/03.jpg')}}" alt="jpg">
+ </div>
+ <h4>bnsc-China</h4>
+ <p>Hainan University is at the southernmost point of China and has the largest ocean area in China. We sent 2L
+ seawater samples from the inlet for BNSC-China team to measure the non-sterilized fermentation of sodium-demanding
+ Vibrio seawater.</p>
+ <h4>xmu-China</h4>
+ <p>Our collaboration with the IGEM team at Xiamen University is mainly focused on experimental mutual assistance.
+ XMU-China provided us with the toxic protein, which we successfully expressed, and the experimental team members of
+ both teams are now discussing the current experimental progress online, and eventually carrying out experimental
+ validation at a later stage of the project.
+ </p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/02/04.jpg')}}" alt="jpg">
+ <img src="{{ url_for('static', filename = 'images/02/05.jpg')}}" alt="jpg">
+ </div>
+ <h3>Online MEETUP</h3>
+ <h4>FAFU, XJTLU-CHINA</h4>
+ <p>In the early stage of the project, we had an online exchange with FAFU and XJTLU-China about the hardware, sharing
+ the progress of their respective experiments, the current progress of Human Practice and possible future
+ collaboration. At the same time, we exchanged ideas on the innovation, excellence and impact of Human Practice
+ related activities, which provided new ideas for the planning of Human Practice activities in the future.
+ </p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/02/06.jpg')}}" alt="jpg">
+ <img src="{{ url_for('static', filename = 'images/02/07.jpg')}}" alt="jpg">
+ </div>
+ <h4>CPU-China</h4>
+ <p>After an initial exchange on the numerical modeling part of the project experiments at the CRISPR meetup we
+ co-hosted with UESTC-BioTech, CPU-China asked us detailed questions about the modeling of their current experiments,
+ which we answered for them, and invited them to come and participate in our manual.</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/02/08.jpg')}}" alt="jpg">
+ <img src="{{ url_for('static', filename = 'images/02/09.jpg')}}" alt="jpg">
+ </div>
+ <h3>The 9th China Regional IGEM Exchange
+ </h3>
+ <p>The China Regional iGEM Exchange (CCiC) is the largest annual event where iGEMers from different teams in China
+ come together to present their projects, exchange ideas and find partners with similar aspirations. 2022, given the
+ city and school vaccination requirements, we ended up participating in this event online from August 18-22. </p>
+ <p>The 9th China Regional IGEM Exchange featured a number of honorary guests, ranging from renowned academicians to
+ successful entrepreneurs, who gave presentations on their personal understanding of the future of synthetic biology,
+ their personal experiences and field insights, and the many considerations for conducting iGEM projects. During our
+ presentation, we briefly reported on the design and progress of our project, and the judges provided us with
+ important feedback. In addition, during the online Q&A session, the CCiC Executive Committee Chair evaluated our
+ project and provided us with helpful suggestions for improving our presentation. In response to this feedback,
+ first, we have better defined our project application scenarios through research so that we can further modify our
+ final product; second, we will focus on demonstrating that our hardware can achieve the benefits of quick and easy
+ detection of results against a standalone application scenario to achieve more significant functional improvements.
+ </p>
+ <p>It is worth mentioning that we were selected from many teams at the 9th China Regional IGEM Exchange and won the
+ Best Hardware Design Award!</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/02/10.jpg')}}" alt="jpg">
+ <img src="{{ url_for('static', filename = 'images/02/11.jpg')}}" alt="jpg">
+ </div>
+ <h4>GXU-China</h4>
+ <p>We participated in the China iGEM Online Meetup jointly organized by Guangxi University, Northwestern Polytechnic
+ University, Jiangnan University, and Jilin University, and gave a presentation at the meeting. in addition, we had a
+ post-meeting discussion with the host team GXU-China about the experimental project of marine pollution control.
+ </p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/02/12.jpg')}}" alt="jpg">
+ <img src="{{ url_for('static', filename = 'images/02/13.jpg')}}" alt="jpg">
+ </div>
+ <h3>Offline meetings we attend</h3>
+ <h4>Worldshaper-HZ</h4>
+ <p>In the middle of the project, we had an online meeting to share our project progress with each other and initially
+ decided to do experimental validation work for each other, but in the end, the experimental validation did not
+ progress as scheduled due to the epidemic. However, we were invited by Worldshaper-HZ to participate in the IGEM
+ Hangzhou offline meeting jointly held with ZJU-China and ZJUT-China from Aug. 6 to Aug. 8, which used a combination
+ of online and offline methods and invited many excellent IGEM teams from different countries. In this meeting, all
+ of them shared their project progress with each other and solved the difficulties they encountered at this stage by
+ exchanging ideas</p>
-<div class="row mt-4">
- <div class="col-lg-6">
- <h2>Which teams can we work with?</h2>
- <hr>
- <p>You can work with any other iGEM 2022 team in the competition. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.</p>
- </div>
- <div class="col-lg-6">
- <h2>Some suggestions</h2>
- <hr>
- <ul>
- <li>Improve the function of another team's BioBrick Part or Device</li>
- <li>Characterize another team's part</li>
- <li>Debug a construct</li>
- <li>Model or simulate another team's system</li>
- <li>Test another team's software</li>
- <li>Help build and test another team's hardware project</li>
- </ul>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/02/15.jpg')}}" alt="jpg">
</div>
</div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/contribution.html b/wiki/pages/contribution.html
index d5b10dc..a28908b 100644
--- a/wiki/pages/contribution.html
+++ b/wiki/pages/contribution.html
@@ -1,20 +1,49 @@
{% extends "layout.html" %}
-
+{% block htitle %}Contribution{% endblock %}
{% block title %}Contribution{% endblock %}
{% block lead %}Make a useful contribution for future iGEM teams. Use this page to document that contribution.{% endblock %}
{% block page_content %}
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Bronze Medal Criterion #4</h4>
- <p>Make a useful contribution for future iGEM teams. Use this page to document that contribution.<p>
- <p>If you are making a contribution by adding information to an existing Part or creating a new Part, you must document your contribution on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a> for your team to be eligible for this criteria. You can use this page to link to that part and include additional information about your contribution.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/medals">2022 Medals Page</a> for more information.</p>
- </div>
- </div>
+<div class="row display ltext">
+ <h3 class="l">I. Our Contribution - Bio Parts Addition </h3>
+<p>Our project updates the biological parts of CRISPR-Cas gene editing system for iGEM, including the sequences of LbuCas13, Cas14a1 protein, Ttcsm6 protein, sumo protein, and the expression vectors corresponding to LbuCas13, Cas14a1 protein, Ttcsm6 protein, sumo protein. </p>
+<p><a href="http://parts.igem.org/Part:BBa_K4223008">BBa_K4223008</a>,<a href="http://parts.igem.org/Part:BBa_K4223018">BBa_K4223018</a>,<a href="http://parts.igem.org/Part:BBa_K4223020">BBa_K4223020</a></p>
+<p>In addition, we provide transcription systems for the detection of relevant target sequences used in the platform, as well as crRNA and sgRNA. (In addition, the DNA we use for Cas14a protein detection is synthetic)</p>
+<p class="l">crRNA: <a href="http://parts.igem.org/Part:BBa_K4223012">BBa_K4223012</a></p>
+<p class="l">sgRNA: <a href="http://parts.igem.org/Part:BBa_K4223011">BBa_K4223011</a></p>
+<p class="l">Transcription system of target RNA for Cas13a1: <a href="http://parts.igem.org/Part:BBa_K4223003">BBa_K4223003</a></p>
+<p class="l">Transcription system of mutated target RNA for Cas13a1: <a href="http://parts.igem.org/Part:BBa_K4223010">BBa_K4223010</a></p>
+<p>This will facilitate future research on the drug resistance of marine microorganisms in our field by means of molecular biology, or by applying the programmability of crRNA to modify the specificity of the relevant Cas proteins to adapt and perform a thousand different nucleic acid assays. </p>
+<h3 class="l">II. Joint Manual</h3>
+<p>In order to better communicate and learn from other IGEM teams, we and the JLU-China team took the lead to write a joint handbook with other IGEM teams, detailing the whole process of different teams from the gathering of members, the initial birth of the project, communication and reflection, cooperation and working together to advance the competition. We hope that this joint manual can provide a reference for future IGEM teams to start from 0 to 1, and facilitate the project to start and finish well, and to fulfill the dream of Grand Jamboree (a lesson from the past, a lesson from the future). You can download it here. <a href="http://parts.igem.org/File:An_instruction_handbook_for_new_team.pdf">An instruction handbook for new team</a></p>
+<div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/c1/0.png')}}" alt="png">
+</div>
+<p class="c">This will be the framework for future exchanges and learning within and between teams.</p>
+
+<h3 class="l">III. Significance of the project</h3>
+<p>The qRT-PCR (quantitative reverse transcriptase-polymerase chain reaction) based assay is the current gold standard for the diagnosis of COVID-19, which has caused over 200 million infections and more than 4 million cumulative deaths in the current worldwide pandemic. Despite the high sensitivity of this method, it is still too complex and takes several hours to perform to enable rapid and immediate detection. Therefore, it is important to develop a diagnostic test strategy that is faster and easier to implement than qRT-PCR.</p>
+<p>We exploited the ability of the Cas13a and Cas14a proteins in the CRISPR/Cas system to remain active after targeted cleavage of ssRNA (ssDNA) (Figure 1) by coupling with TtCsm6 and Csm6 activator (A4-U6 oligonucleotides) to cleave and degrade the labeled nucleic acid to generate a fluorescent signal, coupled with the base complementary pairing of This detection system has the specificity, sensitivity and efficiency that no single protein detection method has.</p>
+<p>Based on our group, we apply it to the detection of marine pathogenic microorganisms and their drug resistance, which is beneficial to the aquaculture industry for the early detection and treatment of different pathogenic bacteria, and is also conducive to the treatment of stubborn drug-resistant bacteria when they appear, etc. At the same time, based on the programmability of crRNA (sgRNA) to modify the specificity of related Cas proteins, the technology can be applied to nucleic acid detection in various industries, different organisms and different symptoms. In other words, the system will be able to achieve targeted detection whenever nucleic acid detection is required.</p>
+<div class="opic annotation large">
+ <img src="{{ url_for('static', filename = 'images/c1/1.png')}}" alt="png">
+ <p>Figure 1. Principle of nucleic acid detection of Cas14a</p>
+</div>
+<p>Due to the tolerance of Cas13a and Cas14a proteins to 1-2 base nucleotide polymorphisms in the target sequence, the efficiency of cleavage of Cas proteins in the detection system is greatly reduced, and incorrect recognition and cleavage will also lead to "false positives" in the detection. Thus, we can assume that if the detection system contains a certain concentration of SNPS target sequences, it will be difficult to distinguish whether the detection signal comes from the target fragment that we want to track (the difference is a thousand miles). Therefore, it is essential to accurately and effectively "block" the interference of the mutated nucleic acid fragment of the target gene.</p>
+<p>To overcome this problem and improve the specificity of the CRISPR/Cas method. We will improve the accuracy of target sequence detection and enhance the specificity of the detection system by artificially designing Peptide nucleic acids (PNA) to base complementary pair with single base mutated target sequences to achieve single base recognition detection. This solution is an improvement to the existing nucleic acid detection methods of CRISPR/Cas systems (Cas13a and Cas14a), and additionally the csm6 protein is capable of signal amplification for detection of Cas13a and Cas14a proteins (Figure 2). And use it to detect antibiotic resistance genes in Hainan Island bacteria.</p>
+<div class="opic annotation large">
+ <img src="{{ url_for('static', filename = 'images/c1/2.jpg')}}" alt="jpg">
+ <p>Figure 2. The technical route of our testing platform</p>
+</div>
+<p>The goal of achieving high precision and easy-to-use tools for CRISPR/Cas method-based nucleic acid bioassays through next-generation detection instruments provides iGEM's other teams working on CRISPR-Cas nucleic acid detection projects with the convenience of rapid and accurate detection.</p>
+<h3 class="l">IV. Hosting an online virtual meetup</h3>
+<p>HainanU-China and UESTC-BioTech are both CRISPR/Cas system based technology development teams, based on the commonality of the technologies they use, in order to seek a wider common cooperation, we jointly organized the CRISPR meetup on August 14, 2022. The CRISPR meetup was co-hosted by us and UESTC-BioTech, and teams from CPU_China, SCU-China, BIT DUT_China, HiZJU-China, NWU-CHINA-A, SCAU_China and SJTU-software were invited to share their projects, and we discussed the difficulties encountered in the process of experiments and human practices, and actively faced the difficulties in the process of human practices. We discussed the difficulties encountered in the process of experimentation and human practice, actively faced and sought solutions to them, and, during this meeting, we also built strong friendships with many teams.</p>
+<p class="c"><a href="http://parts.igem.org/File:Meetup_brochure.pdf">A copy of the meetup brochure is attached here for all those who have visited our wiki.</a></p>
+<div class="opic annotation large">
+ <img src="{{ url_for('static', filename = 'images/c1/3.png')}}" alt="png">
+ <p>Figure 2. The technical route of our testing platform</p>
+</div>
</div>
{% endblock %}
diff --git a/wiki/pages/description.html b/wiki/pages/description.html
index 9027e2a..b8b13c5 100644
--- a/wiki/pages/description.html
+++ b/wiki/pages/description.html
@@ -1,57 +1,111 @@
{% extends "layout.html" %}
-
-{% block title %}Project Description{% endblock %}
+{% block htitle %}Description{% endblock %}
+{% block title %}Description{% endblock %}
{% block lead %}Describe how and why you chose your iGEM project.{% endblock %}
{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Bronze Medal Criterion #3</h4>
- <p>Describe how and why you chose your iGEM project.<p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/medals">2022 Medals Page</a> for more information.</p>
- </div>
- </div>
-</div>
-
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>What should this page contain?</h2>
- <hr>
- <ul>
- <li>A clear and concise description of your project.</li>
- <li>A detailed explanation of why your team chose to work on this particular project.</li>
- <li>References and sources to document your research.</li>
- <li>Use illustrations and other visual resources to explain your project.</li>
- </ul>
- </div>
- <div class="col-lg-4">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="https://2019.igem.org/Team:Leiden/Description">2019 Leiden</a></li>
- <li><a href="https://2019.igem.org/Team:ITESO_Guadalajara/Description">2019 ITESO Guadalajara</a></li>
- <li><a href="https://2020.igem.org/Team:Technion-Israel/Description">2020 Technion Israel</a></li>
- <li><a href="https://2020.igem.org/Team:Botchan_Lab_Tokyo/Description">2020 Botchan Lab Tokyo</a></li>
- <li><a href="https://2020.igem.org/Team:St_Andrews/Description">2020 St Andrews</a></li>
- <li><a href="https://2020.igem.org/Team:MIT/Description">2020 MIT</a></li>
- </ul>
- </div>
-</div>
-
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>Some advice</h2>
- <hr>
- <p>We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be concise, accurate, and unambiguous in your achievements. Your Project Description should include more information than your project abstract.</p>
- </div>
- <div class="col-lg-4">
- <h2>References</h2>
- <hr>
- <p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
+<div class="row display ltext">
+ <h2>I. Status of aquaculture industry</h2>
+ <p>Aquaculture is the main way to increase the global supply of aquatic products. After the reform and opening up,
+ China's aquaculture industry has developed very rapidly; In addition, China's "blue agriculture" based on
+ mariculture is playing an important role in easing the pressure of population growth on land agriculture and
+ promoting the economic development of coastal areas.
+ Cas14a proteins [1].</p>
+ <h2>II. Causes of microbial resistance</h2>
+ <p>In recent years, the epidemic and explosive diseases of microorganisms in mariculture industry have occurred in the
+ world, seriously restricting the healthy development of blue agriculture. Since Fleming extracted penicillin in
+ 1929, the research of antibiotics has made rapid progress and is widely used in the research and treatment of
+ biological diseases. However, with the development of aquaculture, fishery and other industries, the abuse of
+ antibiotics continues to occur. According to statistics In recent years, the annual use of antibiotics in the world
+ has reached 100000~200000 tons. </p>
+ <p>At present, the main means to control the bacterial diseases of aquaculture animals is to use antibacterial drugs.
+ A large number of antibiotics are used in various stages of the aquaculture process. Due to the incomplete
+ understanding of etiology, pharmacology and other aspects, there is abuse and misuse of high-dose mixed use of
+ multiple drugs in the aquaculture process. The extensive application of antibiotics has enabled bacteria to retain
+ the most resistant strains under a wide range of selective pressures. Bacterial resistance can not only be spread
+ among the same or different species of bacteria at the gene level, but also can be disseminated globally by
+ structurally complete resistant strains. Because bacteria have the ability to mutate rapidly and produce drug
+ resistance, and can be transferred, spread and spread, resulting in microbial drug resistance.</p>
+ <p> The large-scale use of antibiotics has brought about a serious problem of microbial resistance. Combined with
+ various human activities, drug resistant microorganisms and antibiotic resistant genes spread across species and
+ habitats at the "human marine animal environment" interface. Antibiotics and their metabolites are enriched in the
+ environment and then transmitted to humans through marine animals and animal products. It has a serious impact on
+ human health. It is particularly worrisome that multi drug resistant bacteria and pan drug resistant bacteria (also
+ known as "superbacteria") are rapidly spreading around the world, causing huge economic losses to countries and
+ becoming one of the important threats hindering global sustainable development.
+ </p>
+ <h2>III. Solution——CRISPR technology</h2>
+ <p> In response, the governing bodies of the Food and Agriculture Organization of the United Nations (FAO) and the
+ World Organization for Animal Health (OIE) approved the 2015 Global Action Plan on Antimicrobial Drug Resistance
+ proposed by the World Health Assembly. As an important factor of drug resistance of drug resistant pathogens is the
+ variation of bacterial nucleic acid, the development of rapid, highly sensitive and specific detection methods for
+ drug resistant bacteria is of great significance for disease prevention and control, seafood breeding safety and
+ global sustainable development.</p>
+ <p>At present, the detection methods for pathogenic microorganisms include selective medium and polymerase chain
+ reaction (PCR). This method usually requires the cultivation and nucleic acid extraction of pathogenic
+ microorganisms before detection. Therefore, the working hours are long, the operation volume is large, and the
+ capital investment is large; At the same time, it is difficult to detect low concentration pathogenic microorganisms
+ rapidly and effectively by these two methods. Therefore, it is difficult to popularize in practical application.</p>
+ <p> CRISPR (Clustered regularly interspaced short palindromic repeats) is known as regular cluster interval short
+ palindromic repeats. It is an immune system used by bacteria to protect themselves against viruses. CRISPR/Cas
+ system can be divided into the first and second categories, which can be divided into several different types and
+ subtypes. The first category of CRISPR/Cas systems (including type I, III and IV systems) uses multi subunit
+ interference complexes composed of a variety of smaller Cas proteins, while the second category of systems
+ (including type II, V and VI systems) uses a single relatively large Cas effector protein for interference. Because
+ of its simplicity, programmability and high efficiency, CRISPR/Cas systems of the second category have great
+ potential applications in scientific research, biotechnology and medical treatment. Since CRISPR associated protein
+ (Cas) can bind and cleave the nucleic acid of the substrate under the guidance of RNA, and this cleaving property
+ depends on the recognition of the Protospacer Adjacent Motif (PAM) site of the nucleic acid substrate by Cas enzyme,
+ Cas enzyme can be used as an accurate recognition unit for gene editing and nucleic acid detection [12-13]. Guided
+ by the guide RNA, CRISPR/Cas protein has excellent specificity in recognizing target sequences, and even can
+ accurately distinguish single base differences. In addition, after contacting the target sequence, Cas protein will
+ be activated with an undifferentiated trans cleaving activity, effectively cleaving all the surrounding cleavable
+ nucleic acid sequences, thus playing a role in amplifying the signal. Therefore, the CRISPR/Cas system is one of the
+ best options for the detection of marine drug resistant bacteria.</p>
+ <h2>IV. CRISPR technology is not perfect</h2>
+ <p> CRISPR (Clustered regularly interspaced short palindromic repeats) is known as regular cluster interval short
+ palindromic repeats. It is an immune system used by bacteria to protect themselves against viruses. CRISPR/Cas
+ system can be divided into the first and second categories, which can be divided into several different types and
+ subtypes. The first category of CRISPR/Cas systems (including type I, III and IV systems) uses multi subunit
+ interference complexes composed of a variety of smaller Cas proteins, while the second category of systems
+ (including type II, V and VI systems) uses a single relatively large Cas effector protein for interference. Because
+ of its simplicity, programmability and high efficiency, CRISPR/Cas systems of the second category have great
+ potential applications in scientific research, biotechnology and medical treatment. Since CRISPR associated protein
+ (Cas) can bind and cleave the nucleic acid of the substrate under the guidance of RNA, and this cleaving property
+ depends on the recognition of the Protospacer Adjacent Motif (PAM) site of the nucleic acid substrate by Cas enzyme,
+ Cas enzyme can be used as an accurate recognition unit for gene editing and nucleic acid detection [12-13]. Guided
+ by the guide RNA, CRISPR/Cas protein has excellent specificity in recognizing target sequences, and even can
+ accurately distinguish single base differences. In addition, after contacting the target sequence, Cas protein will
+ be activated with an undifferentiated trans cleaving activity, effectively cleaving all the surrounding cleavable
+ nucleic acid sequences, thus playing a role in amplifying the signal. Therefore, the CRISPR/Cas system is one of the
+ best options for the detection of marine drug resistant bacteria.</p>
+ <h2>V. How to solve this problem</h2>
+ <p> Peptide nucleic acids (PNA), a class of DNA analogues that replace the glycophosphate backbone with a polypeptide
+ skeleton, is a new nucleic acid sequence specific reagent that Danish organic chemist Ole Buchardt and biochemist
+ Peter Nielsen began to devote themselves to studying in the 1980s. Because PNA has no negative charge and no
+ electrostatic repulsion with DNA and RNA, the stability and specificity of PNA binding are greatly improved; Unlike
+ hybridization between DNA or DNA or RNA, PNA hybridization with DNA or RNA is almost not affected by the salt
+ concentration of the hybridization system. The hybridization ability with DNA or RNA molecules is far better than
+ that with DNA/DNA or DNA/RNA, which is characterized by high hybridization stability, excellent specific sequence
+ recognition ability, and non hydrolysis by nuclease and protease.</p>
+ <p>Therefore, based on the above capabilities of PNA, it is possible to introduce PNA into CRISPR/Cas system and
+ realize the single base detection capability of Cas13 and Cas14 through simple methods. Among them, Cas13 is mainly
+ responsible for targeting RNA, while Cas14 is responsible for targeting DNA. Both of them have obvious specificity
+ and guide RNA programming. We use this principle to design a portable, single base, non amplified CRISPR/CAS13-14
+ nucleic acid detection platform, and apply it in the detection of drug-resistant bacteria. We use CRISPR/CAS gene
+ editing system to complete the operation of mutable genes, and use the primer RNA designed in advance to enable CAS
+ protein to accurately and efficiently identify and cut target genes, so as to achieve high-precision and efficient
+ detection.</p>
+ <div class="intr">
+ <h3 class="l">Reference</h3>
+ <p>Maurischat, S., Baumann, B., Martin, A. & Malorny, B. Rapid detection and specific differentiation of Salmonella
+ enterica subsp. enterica Enteritidis, Typhimurium and its monophasic variant 4, (5),12: i: − by real-time
+ multiplex PCR. Int. J. Food Microbiol. 193, 8–14 (2015).</p>
+ <p> Sakamoto, M., Takeuchi, Y., Umeda, M., Ishikawa, I. & Benno, Y. Rapid detection and quantification of five
+ periodontopathic bacteria by real-time PCR. Microbiol. Immunol. 45, 39–44 (2001).</p>
+ <p> Jackson, S. A.; McKenzie, R. E.; Fagerlund, R. D.; Kieper, S. N.; Fineran, P. C.; Brouns, S. J., CRISPR-Cas:
+ Adapting to change. Science, 356 (6333), eaal5056(2017).</p>
</div>
</div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/design.html b/wiki/pages/design.html
index 099415d..a8b86ee 100644
--- a/wiki/pages/design.html
+++ b/wiki/pages/design.html
@@ -1,35 +1,54 @@
{% extends "layout.html" %}
-
+{% block htitle %}Design{% endblock %}
{% block title %}Design{% endblock %}
-{% block lead %}Innovative educational tools and outreach activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology.{% endblock %}
+{% block lead %}{% endblock %}
{% block page_content %}
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Best Education Special Prize</h4>
- <p>How have you developed new opportunities to include more people in shaping synthetic biology? Innovative educational tools and outreach activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology. Document your approach and what was learned by everyone involved to compete for this award.</p>
- <p>To compete for the Best Education Prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
- </div>
+<div class="row display ltext list-none">
+ <h2>Abstract：</h2>
+ <p>THIS study is based on a“Collateral cleavage†crispr-Cas detection approach that targets binding to sgrnas to
+ activate CAS enzymes (CAS13A1 and CAS14A1) , it is difficult to distinguish the source of detection signal and avoid
+ the interference of the mutant nucleic acid fragment when the target system contains the target mutant nucleic acid
+ fragment (1 base is different) , thus, the problem of false positives is todesign a protocol, through the sequence
+ design and length screening of Pna 'shackle' chain, accurate and effective 'blocking' target mutation nucleic acid
+ fragments, therefore, we can improve the detection of target specificity and achieve the ability of single-base
+ recognition detection. This scheme is an improvement on the specificity of CRISPR/Cas (Cas13 and CAS14) nucleic acid
+ detection methods.</p>
+ <p class="mt-5"> It is difficult to distinguish target RNA from mutant RNA.</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/03/01.png')}}" alt="">
+ <img src="{{ url_for('static', filename = 'images/03/02.png')}}" alt="" class="arrow">
</div>
-</div>
-
-<div class="row mt-4">
- <div class="col">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="https://2020.igem.org/Team:CCA_San_Diego/Education">2020 CCA San Diego</a></li>
- <li><a href="https://2020.igem.org/Team:Lambert_GA/Education">2020 Lambert GA</a></li>
- <li><a href="https://2020.igem.org/Team:Stanford/Education">2020 Stanford</a></li>
- <li><a href="https://2020.igem.org/Team:Waseda/Education">2020 Waseda</a></li>
- <li><a href="https://2020.igem.org/Team:Fudan/Education">2020 Fudan</a></li>
- <li><a href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Education">2020 Toulouse INSA UPS</a></li>
- </ul>
+ <p class="r">Coexisting target RNA and mutant RNA in the reaction system.</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/03/04.png')}}" alt="" class="arrow">
+ <img src="{{ url_for('static', filename = 'images/03/03.png')}}" alt="" class="lpic">
+ </div>
+ <p>The design of the shackles.</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/03/06.png')}}" alt="">
+ <img src="{{ url_for('static', filename = 'images/03/02.png')}}" alt="" class="arrow">
+ </div>
+ <p class="r">The mutant RNA for each single base pair was shackled with a pre-designed PNA.</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/03/04.png')}}" alt="" class="arrow">
+ <img src="{{ url_for('static', filename = 'images/03/07.png')}}" alt="" class="lpic">
+ </div>
+ <p>CAS13A protein and CSM6 protein were linked in tandem to improve the detection efficiency, and
+ the problem of base mismatch was solved by PNA shackle, which made the detection accurate to single-base
+ recognition, fluorescent protein was used as the reporter signal. On this basis, we also develop a hardware to
+ get the detection results.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/03/08.png')}}" alt="">
+ </div>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/03/05.png')}}" alt="" class="arrow">
+ </div>
+ <p class="c">Now it is possible to distinguish between target RNA and mutant RNA!</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/03/09.png')}}" alt="">
</div>
</div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index c74e2fc..0d6ffab 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -1,35 +1,215 @@
{% extends "layout.html" %}
-
+
{% block title %}Education{% endblock %}
-{% block lead %}Innovative educational tools and outreach activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology.{% endblock %}
+{% block lead %}Innovative educational tools and outreach activities have the ability to establish a two-way dialogue
+with new communities by discussing public values and the science behind synthetic biology.{% endblock %}
{% block page_content %}
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Best Education Special Prize</h4>
- <p>How have you developed new opportunities to include more people in shaping synthetic biology? Innovative educational tools and outreach activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology. Document your approach and what was learned by everyone involved to compete for this award.</p>
- <p>To compete for the Best Education Prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
- </div>
+<div class="row display ltext">
+ <h2>â… . Promotional videos and articles</h2>
+ <p>We produced several tweets and promotional videos about synthetic biology and submitted them on bilibili.com and
+ WeChat, which were widely read and broadcasted.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/e1/xinjia1.png')}}" alt="png">
+ </div>
+ <p>In order to let more people know about IGEM, we put several videos about IGEM in Station B. In these videos, we
+ shared our experience in the competition and some interesting things happened in the process of the competition.In
+ addition, in order to achieve a high degree of integration with the social level, we also made most of the human
+ practice activities in the whole project into the form of video to promote our project.</p>
+ <div class="trpic">
+ <img src="{{ url_for('static', filename = 'images/e1/xintu1.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/e1/xintu2.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/e1/xintu3.png')}}" alt="png">
+ </div>
+ <p>We have also made full use of the WeChat official account as a publicity tool. We have posted many articles on the
+ WeChat official account in the fields of experiment, human practice, partnership and cooperation, so as to promote
+ the concept of synthetic biology and IGEM.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/e1/xintu4.png')}}" alt="png">
+ </div>
+ <h2>â…¡. Science Lectures</h2>
+ <p>To our surprise, our WeChat official account article was forwarded and publicized by the 9th CCIC community. This
+ has not only expanded our influence, but also made more people know about our project, and promoted more capable
+ talents to devote themselves to the construction of synthetic biology.</p>
+ <h3>Purpose</h3>
+ <p>With the belief of bringing scientific ideas into all areas of society, making the concept of scientific
+ development more deeply rooted in people's hearts, and further enhancing the awareness of science and environmental
+ protection for all people, our team will fully combine our school's own characteristics to hold a series of student
+ science activities with the theme of life science, so as to promote the school's science education work, promote the
+ comprehensive development of campus science and technology cultural activities, cultivate students We will promote
+ science education in schools, promote the comprehensive development of science and technology cultural activities in
+ schools, cultivate students' scientific spirit of "daring to explore and innovation", and improve students'
+ scientific and technological literacy. To this end, we will focus on three themes: life, disease and cutting-edge
+ technology, explaining the impact of life sciences on our daily lives from a biological perspective.</p>
+ <h3>Target group</h3>
+ <p>Approximately 500 secondary school students from the Haikou Foreign Language School affiliated to Beijing Foreign
+ Studies University and interested undergraduates from our university.</p>
+ <h3>Contents</h3>
+ <p>Our team has prepared four themes of science education: "The Secret of Coffee" under the theme of life,
+ "Disappearing Love - Alzheimer's Disease" under the theme of disease, "The Scientist Knows the Horse" under the
+ theme of cutting-edge technology, "The Scientist Knows the Motor - DNA Nanoscale Molecular Motor" and "The Amazing
+ Genetic Scalpel - CRISPR". Scientists know motors - DNA nanoscale molecular motors" and "The amazing genetic scalpel
+ - CRISPR". We hope that our science talks will be both interesting and serious.</p>
+ <p>We also invited the iGEM team from Guangxi University and Jilin University to give a science talk together. Their
+ presence enriched the content of the lectures.</p>
+ <h3>Format</h3>
+ <p>Unfortunately, due to the severity of the epidemic in our school location, we had to deliver the science talk in an
+ online format.
+ </p>
+ <h3>Processes</h3>
+ <h4>I.Pre-planning</h4>
+ <p>Chinese version of the plan</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/e1/0.jpg')}}" alt="jpg">
+ <img src="{{ url_for('static', filename = 'images/e1/1.jpg')}}" alt="jpg">
+ </div>
+ <p>English translated version of the plan</p>
+ <div class="trpic">
+ <img src="{{ url_for('static', filename = 'images/e1/2.jpg')}}" alt="jpg">
+ <img src="{{ url_for('static', filename = 'images/e1/3.jpg')}}" alt="jpg">
+ <img src="{{ url_for('static', filename = 'images/e1/4.jpg')}}" alt="jpg">
+ </div>
+ <h4>II. Conducting science lectures</h4>
+ <p>Conducted by our team</p>
+ <p>Life Theme: "The Secret of Coffee"</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/5.png')}}" alt="png">
+ </div>
+ <p>Due to its refreshing effects and unique taste, coffee has been spread around the world for centuries. Nowadays,
+ coffee is no longer a "mysterious" drink for us, as cafes of all brands have sprung up all over China. On a lazy
+ afternoon or a late night with a cup of coffee, you'll be full of energy! But is coffee really refreshing, how does
+ it work on the body, and why do I still get sleepy after drinking it? We explain the origins of coffee, the
+ mechanism of caffeine, rumours about coffee and the benefits of coffee.</p>
+ <p>Disease Theme: "Vanishing Love - Alzheimer's Disease"</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/6.png')}}" alt="png">
+ </div>
+ <p>According to the World Health Organisation (WHO), one person in the world is diagnosed with dementia every three
+ seconds. Alzheimer's disease (AD) accounts for 60-70% of dementia cases worldwide and is one of the major health
+ challenges of the 21st century. In China, about one in every hundred and fifty people have Alzheimer's disease.
+ Alzheimer's disease is not far from us, what are the symptoms of Alzheimer's disease? What are the symptoms of
+ Alzheimer's disease? How does it develop? What are the symptoms of Alzheimer's disease and how does it develop? What
+ are the means of early prevention or intervention? We have answered all these questions for the secondary school
+ students in our scientific talks.</p>
+ <p class="c m0">Cutting-edge technology theme: "Borealis knows horses, scientists know motors - DNA nanoscale
+ molecular motors"</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/7.jpg')}}" alt="jpg">
+ </div>
+ <p>In a recent study published in the journal Nature, a team of physicists has used DNA origami to create the first
+ nanoscale electric motor built from DNA strands. This is not the first nanoscale DNA motor, but it is the first
+ nanoscale molecular rotary motor that can actually perform measurable mechanical work. Our science talk starts with
+ DNA origami technology and molecular motors, and goes on to describe new breakthroughs in DNA nanoscale molecular
+ motors, new research mechanisms and what is expected in terms of future applications of molecular motors.</p>
+ <p class="c m0">Cutting-edge technology theme: "The amazing genetic scalpel - CRISPR"</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/8.jpg')}}" alt="jpg">
+ </div>
+ <p>Since the dawn of mankind, we have been forced to fight the oldest organisms on the planet - viruses. And the
+ CRISPR
+ system is the bacterial equivalent of the immune system, which acts like a scalpel to precisely excise the genetic
+ information of invading viruses and stop them from proliferating. In this science fair, we provide an introduction
+ to the principles and applications of CRISPR.</p>
+ <p class="c m0">Conducted by our partner teams</p>
+ <p class="c m0">Guangxi University - Into synthetic biology</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/9.jpg')}}" alt="jpg">
</div>
+ <p>Yao Jiawei from Guangxi University introduced the development of synthetic biology, the current applications of
+ synthetic biology, the interdisciplinary nature of synthetic biology, and incidentally introduced iGEM to the
+ secondary school students.</p>
+ <p class="c m0">Jilin University - Synthetic Biology Series of Public Interest Classes</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/10.jpg')}}" alt="jpg">
+ </div>
+ <p>Wang Shiyao from Jilin University briefly introduced the conventional idea of design-experiment-summary in
+ synthetic biology by explaining the in vitro synthesis of enzymes and other examples, helping to build a preliminary
+ understanding of synthetic biology.</p>
+ <p class="c m0">Site conditions</p>
+ <p class="c m0">Site photo</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/11.jpg')}}" alt="jpg">
+ </div>
+ <p>"The beauty of biology, the beauty of the world" Science Talk 2022.9.26 Science Talk begins.</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/12.jpg')}}" alt="jpg">
+ </div>
+ <p>HainanU_China's Liang Moyan is giving a presentation on DNA molecular motors</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/13.jpg')}}" alt="jpg">
+ </div>
+ <p class="c m0">Screenshot of video conference</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/14.jpg')}}" alt="jpg">
+ </div>
+ <p>Secondary school students participating in a science talk through multimedia equipment in the classroom</p>
+ <p class="c m0">Site evaluation</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/e1/15.jpg')}}" alt="jpg">
+ </div>
+ <p class="c m0">(Your report was very interesting and original.)</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/e1/16.jpg')}}" alt="jpg">
+ </div>
+ <p class="c m0">(The content of the talk was new and broadened the children's horizons.)</p>
+ <h4>III. Return visit and feedback</h4>
+ <p>More than 20 days after the online lecture, the epidemic subsided and we visited Haikou Foreign Language School,
+ affiliated to Beijing Foreign Studies University, for a return visit to the lecture.</p>
+ <p>Mr Z, Senior School Biology Teacher: This science talk for the university students broadened their horizons on
+ background knowledge of synthetic biology, fostered their interest, stimulated their curiosity and led to further
+ discussion and reflection. The day before, when we talked about DNA in class, most of the students already knew
+ something about it, which they had learnt in the lecture, and the discussion in that class was very intense. It was
+ clear that the science lecture really did engage the students and provoke thought.</p>
+ <p>High school student L: The synthetic biology session presented by the seniors before was really fascinating. We saw
+ that there are many places outside the textbook where synthetic biology can be developed and utilized, and I still
+ remember the lecture on molecular motors by the senior from HainanU-China.</p>
+ <p>Ms. N., parent of student: I used to be very unfamiliar with the concept of synthetic biology, I always felt that
+ it was a nebulous thing, after all, the chemical synthesis technology is already very advanced. I hope my children
+ will join the wave of synthetic biology and continue to work hard and improve. I hope my children will join the wave
+ of synthetic biology and continue to work hard and improve. It was also very impressive to see how clearly the
+ university students were able to speak.</p>
+ <p>However, some teachers also reported that the content we presented was difficult and that there was a big
+ difference in the knowledge base between junior and senior secondary students, with some junior secondary students
+ not being able to understand the content we presented. In response, we have learnt from this and will pay more
+ attention to the differences in knowledge and understanding between different groups of people when conducting
+ similar educational activities in the future, and design more targeted activities.</p>
+ <p>During the return visits we received praise as well as critical suggestions, and the science talks were not only a
+ way for us to spread knowledge to others, but we also gained valuable experience ourselves.</p>
+ <h4>IV. Follow-up</h4>
+ <p>We have videotaped the whole lecture and archived it on a web site for future teams to study and learn from.</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/17.jpg')}}" alt="jpg">
+ </div>
+ <p class="c m0">(Video uploaded on the right, captions throughout on the left)</p>
+ <h2>â…¢. The iGEM Guide</h2>
+ <p>We have received participation experiences, insights and guidance from 8 teams such as BNC_China and BUCT_China,
+ and
+ we will promote this manual to the world to provide help for people who are interested in participating in igem.<a
+ href="http://parts.igem.org/File:An_instruction_handbook_for_new_team.pdf">An instruction handbook for new
+ team</a>
+ </p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/e1/xintu5.png')}}" alt="xintu5.png">
+ </div>
+ <p>There is no doubt that our submission of the promotional video made more people know about our project and the IGEM
+ competition, and also made the concept of synthetic biology more widely known. We hope that in the future, through
+ the efforts of our team, more people with high aspirations can devote themselves to the construction of synthetic
+ biology.</p>
+ <h2>â…£. Hosting an online virtual meetup</h2>
+ <p>UESTC-BioTech has been working on synthetic biology breakthroughs in oil and energy production by tuning the lipid
+ metabolism-related pathways of Chlamydomonas reinhardtii with the CRISPR-Cas9 system, so we have entered into a
+ partnership with UESTC-BioTech based on CRISPR technology and have formed strong ties in the subsequent exchanges
+ and collaborations, from which we have gained Mutual benefits.
+ Based on the commonality of the technologies used by both parties, we jointly organized the CRISPR meetup on August
+ 14, 2022 in order to seek a wider commonality of cooperation. HiZJU-China, NWU-CHINA-A, SCAU_China, SJTU-software
+ and other teams to share their projects. We discussed the difficulties encountered in the process of experimentation
+ and human practice, actively faced and sought solutions, and we also established deep friendship with many teams in
+ this meeting.
+ The brochure for the meetup is attached here for all those who visited our wiki to download. <a
+ href="http://parts.igem.org/File:Meetup_brochure.pdf">Meetup brochure.pdf</a></p>
</div>
-<div class="row mt-4">
- <div class="col">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="https://2020.igem.org/Team:CCA_San_Diego/Education">2020 CCA San Diego</a></li>
- <li><a href="https://2020.igem.org/Team:Lambert_GA/Education">2020 Lambert GA</a></li>
- <li><a href="https://2020.igem.org/Team:Stanford/Education">2020 Stanford</a></li>
- <li><a href="https://2020.igem.org/Team:Waseda/Education">2020 Waseda</a></li>
- <li><a href="https://2020.igem.org/Team:Fudan/Education">2020 Fudan</a></li>
- <li><a href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Education">2020 Toulouse INSA UPS</a></li>
- </ul>
- </div>
</div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/engineering.html b/wiki/pages/engineering.html
index 1115503..899cd8b 100644
--- a/wiki/pages/engineering.html
+++ b/wiki/pages/engineering.html
@@ -5,16 +5,225 @@
{% block page_content %}
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Silver Medal Criterion #1</h4>
- <p>Demonstrate engineering success in a part of your project by going through at least one iteration of the engineering design cycle. This achievement should be distinct from your Contribution for Bronze.<p>
- <p>If you plan to show engineering success by creating a new Part that has been shown to work as expected, you must document your contribution on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a> for your team to be eligible for this criteria.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/medals">2022 Medals Page</a> for more information.</p>
+<div class="row display ltext">
+ <h3><div class="row display ltext"></h3>
+ <h2>Overview</h2>
+ <p>Our ultimate goal is to build a single-base, amplification-free, portable set of detection platforms. In the engineering success page, we first need to implement the most important and experimentally verified part, the single-base accuracy part. We learned from our review and experiments that Cas13a and Cas14a can tolerate 1-2 base mutations in target sequence recognition, specifically, if the target RNA or DNA has single nucleotide polymorphism in the detection system, it will lead to unclear signal source (from target sequence or mutated sequence), and subsequently will produce a "false positive "false positive" characterization.</p>
+ <p>To address this problem, we thought of combining single base mutation sequence with complementary paired CLAMP to shield the mutation sequence and enable Cas protein to recognize the target sequence more accurately. At the same time, to ensure the stability of the CLAMP-mutation sequence, we will use peptide nucleic acid (PNA) as the backbone of CLAMP, which will reduce the intensity of the "false positive" signal and make it easier for us to identify the source of the signal.</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/engi1/0.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/engi1/1.png')}}" alt="png">
+ </div>
+ <p>To achieve amplification-free detection, we will use the trans cleavage activity of Cas13a and Cas14a to cleave and degrade the labeled nucleic acid by coupling with TtCsm6 and Csm6 activator (A4-U6 oligonucleotide) to generate fluorescent signals (through the linkage between the proteins to transmit and amplify the signal in the process), coupled with the base complementary pairing PNA "CLAMP" to shield the single base mutation sequence, this detection system has a specificity, sensitivity and high efficiency that no single protein detection means has.</p>
+ <h2>Engineering Cycle</h2>
+ <h2 class="l">CYCLE1：</h2>
+ <h3>Expression of cas and csm6 proteins.</h3><p>parts:<a href="http://parts.igem.org/Part:BBa_K4223018">BBa_K4223018</a>ã€BBa K4223008</p>
+ <h2>1.1 DESIGN：</h2>
+ <p>His tag-MBP-Cas14a9 (<a href="http://parts.igem.org/Part:BBa_K4223018">BBa_K4223018</a>) makes an important part of our project and we use it for efficient and high quality Cas14a protein expression and purification extraction. MBP helps to increase the yield of soluble protein in E. coli, and TEV is used as an enzymatic site to purify MBP-Cas14a recombinant protein after His tag binding to a Ni column, which retains the pure Cas14a protein and passed through the heparin column.</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/engi1/2.png')}}" alt="png">
+ </div>
+ <h2>1.2 BUILD</h2>
+ <p>His tag-MBP-Cas14a1 purification
+Day1
+1.Preparation of LB medium 500ml*4
+2.Shake the bacteria to recover.
+ Take LB medium 3ml*2 (TEV,MBP)
+ + bacteria night 30μl + antibiotic (Amp) ampicillin 3μl
+Constant temperature shaker 37℃ 180rpm 12-16h
+Day2
+1.Sterilization of culture medium
+2. Expansion, induction.
+ Take sterilized LB medium*4 (TEV*2,MBP*2)
+ +500μl of antibiotics (Amp) +2ml of the night before the bacteria
+ Shake at 37℃ 180rpm for 6-8h
+ Shaken TEV and MBP
+ TEV+IPTG 50μl*2 37℃ 180rpm 12h
+ MBP+IPTG 100μl*2 18℃ 180rpm 12h
+Day3
+1. Bacteria-breaking lysis.
+ Take TEV, MBP high-speed centrifugation 10000 rpm 5min, discard supernatant add lysis solution 5ml / tube (operation in the ice box, the action should be fast), blow well, three tubes in one tube
+ Use ultrasonic crushing bacteria 25% power on 4s off 10s working time 50-60min
+2. Preparation.
+Purified water equilibrium solution eluent (wash once) 20% ethanol sequential extraction on the machine, wash the machine (full water wash once) on the HIS nickel column (1ml/min), wash the column, the tube into the corresponding reagent bottle syringe filter membrane sample
+3. Purification of proteins.
+TEV and MBP max speed 5ml/min
+A1 pure water A2 equilibrium solution B eluent A3 20% ethanol
+When the machine is turned off, water wash once, unload the column (1ml/min) ethanol wash once</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/engi1/3.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/engi1/4.png')}}" alt="png">
+ </div>
+ <p>4. Measure protein concentration (kit) Measure protein concentration (kit), 96-well plate, 100ul BCA working solution per well, 1ul Cu reagent 10ul protein, two protein two-well, measure absorbance, about 0.4 is normal value</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/engi1/5.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/engi1/6.png')}}" alt="png">
+ </div>
+ <p>5. Mix digestion with protein concentration 1:1 equal volume digestion (TEV slightly more) two tubes mixed, 4 ° c overnight
+Day4.
+1. Protein purification
+Ultra-filter tube, with filtered water, centrifuge 3800r 30min twice Equilibrium solution 30min twice
+Top sample, centrifugation, 30min 3800r until protein is consumed, replenish equilibrium solution 3 times
+ Loading the machine
+Wash the machine as before, wash the column to wash the equilibrium solution once more, heparin column 1ml/min (pay special attention to sample evacuation)</p>
+ <div class="opic large">
+ <img src="{{ url_for('static', filename = 'images/engi1/7.png')}}" alt="png">
+ </div>
+ <p>Csm6 purification
+Day1
+1.Preparation of LB medium 500ml*2 Sterilization
+2.Shake the bacteria to recover.
+ Take LB medium 3ml*2
+ +bacterial night 30μl+carboxymycin 3μl
+Constant temperature shaker 37℃ 180rpm 12-16h
+Day2
+1. Expansion, induction.
+Take sterilized LB medium + 500μl of caramycin + 3ml of ante-night bacterium night
+ Shaking bed 37℃ 180rpm 6-8h
+Shake the good bacteria solution
+Csm6+IPTG 100μl 18℃ 180rpm 12h
+Day3
+1. Bacteria breaking lysis.
+ Take the bacterium solution high-speed centrifugation 10000rps 5min, discard the supernatant add lysate, blowing uniformly, three tubes in one tube
+ Use ultrasonic crushing bacteria 25% power on 4s off 10s working time 50-60min
+2. Preparation.
+Pure water equilibrium solution eluent (wash once) 20% ethanol sequential extraction on the machine, cleaning machine (full water wash once) on the HIS nickel column (1ml/min), wash the column, the tube into the corresponding reagent bottle syringe filter membrane sample
+2. Collect the sample
+
+
+Run gel verification
+SDS-page protein gel electrophoresis
+1.Gel preparation
+2.Sample processing
+3.Add maker and sample
+4.Add running buffer to electrophoresis according to the procedure
+5.Staining of gel plate Decolorization
+6.Observation</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/engi1/7.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/engi1/8.png')}}" alt="png">
+ </div>
+ <h2>1.3 TEST</h2>
+ <b>To further examine the protein activity of Cas14a and Csm6</b>,<p>we set up the system without the addition of target DNA as the control group and the system with the addition of target DNA as the experimental group. The fluorescence assay was performed on 4 groups of samples at 37°C using an enzymatic standard (excitation wavelength 492 nm, emission wavelength 520 nm). Three parallel samples of each group were measured and the variance and mean were calculated and plotted with Origin 9.0. As shown in the figure, the validation of the cleavage activity of cas14a1 and csm6 proteins was finally completed.</p>
+ <div class="tpic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/engi1/9.png')}}" alt="png">
+ <p>Validation of the activity of Csm6 protein</p>
</div>
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/engi1/10.png')}}" alt="png">
+ <p>Validation of the activity of Csm14 protein</p>
+ </div>
+ </div>
+ <h2>1.4 LEARN</h2>
+ <p>Here, we successfully expressed Cas14a and csm6 proteins, which were verified to be ready for use after activity. However, we did not get the expected results when expressing Cas13a protein, and the expressed Cas13a concentration was very low, which was not improved after several attempts to change the conditions of different reaction systems, so we considered asking other teams for help or purchasing Cas13a protein in future experiments.</p>
+ <p>We will then perform a false positive test in the next step</p><b>to complete the proof of concept of the experimental idea done in the wet experiment.</b>
+ <h2>CYCLE2：</h2>
+ <h2>False-positive tests</h2>
+ <h2>2.1 DESIGN：</h2>
+ <b>In the previous cycle, we successfully expressed the desired Cas and Csm6 proteins and presented the problem with a corresponding solution. We will then confirm the "false positive" characterization in the next cycle to determine the interference of the mutant sequence with the clear signal source when the target sequence coexists with the mutant sequence in the reaction system.</b>
+ <p>We designed two 22-base-long target ssDNA sequences and target ssRNAs, respectively, and both designed 12 sequences with inversions at odd sites, respectively, as mutant sequences in our laboratory:</p>
+ <div class="opic annotation large">
+ <img src="{{ url_for('static', filename = 'images/engi1/11.png')}}" alt="png">
+ <p>Test sequence of Cas13a</p>
+ </div>
+ <div class="opic annotation large">
+ <img src="{{ url_for('static', filename = 'images/engi1/12.png')}}" alt="png">
+ <p>Test sequence of Cas14a</p>
+ </div>
+ <h2>2.2 BUILD</h2>
+ <p>We took the target and mutant sequences and added them to the reaction system of Cas13a and Cas14a, which was carried out as follows.</p>
+ <p>Cas14a
+
+Reaction Buffer (20 mM tris-hcl, 20 mM NaCl, pH 9.0)
+
+15 uL: Cas14a （final 500nM） &sgRNA (final 500nM) in Reaction buffer ;
+6 uL: Mg ion ( final 10mM) & FQ (final 400nM in reaction buffer);
+9 uL: T or Mx & Clamps in reaction buffer.
+(2x) buffer: 20 mM tris-hcl, KCl 100 mM, pH=8.2.
+
+20 uL /cell：
+
+10uL buffer(2x);
+0.8uL 500nM Cas13a;
+0.1uL 5uM crRNA;
+0.67uL 150mM Mg2+(ca. 5mM Mg2+ final.)
+
+37 ℃ Incubation 10-15min, add probe 0.6uL（10uM） FQ ;
+（12.17 uL in total ca. 12 uL)
+Cas13a Continuous system
+(2x) buffer: 20 mM HEPEs, pH=7.5.
+
+20 uL /cell：
+
+10uL buffer(2x);
+0.8uL 500nM Cas13a;0.1uL 5uM crRNA;
+0.67uL 150mM Mg2+(ca. 5mM Mg2+ final.)
+1uL 200mM KCL;
+
+37 ℃ Incubation 10-15min, add probe 0.6uL（10uM） FQ , 0.5uL Csm6;
+
+（total 13.67 uL )
+
+Ac & Target or clamps or mutants (in DEPC water) total 6.33 uL。
+Target or clamps or mutants (in DEPC water) total 7.83 uL。</p>
+ <h2>2.3 TEST</h2>
+ <div class="opic annotation large">
+ <img src="{{ url_for('static', filename = 'images/engi1/13.png')}}" alt="png">
+ <p>Detection results of Cas14a protein for DNA sequences (revealed by relative fluorescence unit RFU)</p>
+ </div>
+ <div class="opic annotation large">
+ <img src="{{ url_for('static', filename = 'images/engi1/14.png')}}" alt="png">
+ <p>Detection results of Cas13a protein for DNA sequences (revealed by relative fluorescence unit RFU)</p>
</div>
+ <p>The recognition and cleavage of the target sequences by Cas14a and Cas13a proteins, thus exhibiting trans cleavage activity, and consequently the fluorescence signal report, we show as Relative fluorescence unit (RFU). We can observe that each detected sequence exhibits a different fluorescence signal intensity, and M7, M20, RM8, RM15 and RM19 are significantly larger than the target sequence. This indicates that false positive characterization does exist and the specificity of the detection is affected differently depending on the mutation site.</p>
+ <h2>2.4 LEARN: </h2>
+ <p>In this engineering cycle, we validated the false positive characterization of the assay using Cas13a and Cas14a proteins from the previous engineering cycle, and after we concluded that false positives do exist and interfere with the source of the signal, we started to design a solution to the problem - using PNA-CLAMP to mask the mismatched sequences</p>
+ <h2>Circle3：</h2>
+ <h2>Blocking of mismatched sequences using PNA</h2>
+ <h2>3.1 DESIGN</h2>
+ <b>Here we plan to provide a solution to the false positive problem that occurred in the last engineering cycle. We will use synthetic target sequences with mutant sequences in the wet lab to simulate the processing of samples in a real environment.</b><p>Here we plan to provide a solution to the false positive problem that occurred in the last engineering cycle. We will use synthetic target sequences with mutant sequences in the wet lab to simulate the processing of samples in a real environment.</p>
+ <div class="opic annotation large">
+ <img src="{{ url_for('static', filename = 'images/engi1/15.png')}}" alt="png">
+ <p>Comparison of PNA and DNA structures</p>
+ </div>
+ <h2>3.2 BUILD</h2>
+ <p>During this BUILD period, we tested multiple sets of different base mismatches and the shielding effect of PNA and DNA on the sequences at different sites and different lengths. However, since PNA is expensive, it is costly and time-consuming to design DNA/PNA for each of the above mentioned mutant sequences for shielding, so we selected the more representative mutant sequences for our experiments.</p>
+ <h2>3.3 TEST</h2>
+ <p>Taking Cas14a1 as an example, based on the experimental results in Cycle 2 (Confirmation of "false positive" characterization), sequences with mutation sites at 5', -5, 7, 20-3' bases were selected from a series of sequences with single-base mutations. -5, 7, 20-3' bases, which showed high RFU in the false positive mock assay, were selected as typical sequences to demonstrate the role of the shackle system (clamp).
+Initially, we used the designed complementary DNA as clamp as a pre-experiment to verify the preliminary role of Clamp. As illustrated by the experimental results presented in the figure below: the Relative fluorescence unit (RFU) of the experimental group with the addition of DNA-clamp was significantly lower than that of the control group, and combined with the Delta-RFU analysis, Clamp did reduce the interference of mutant sequences on the assay results.</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/engi1/16.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/engi1/17.png')}}" alt="png">
+ </div>
+ <p>But just DNA as clamp is not enough for the goal of our project. So we designed PNA as clamp and validated it in the same way. We also compared the control group with DNA-clamp and PNA-clamp to make the data more reliable. The above two experiments also demonstrate that our idea of designing "Clamp" to avoid the defect of misidentification of target sequences by Cas13a and Cas14a due to similar mutated sequences can be realized.</p>
+ <div class="trpic">
+ <img src="{{ url_for('static', filename = 'images/engi1/18.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/engi1/19.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/engi1/20.png')}}" alt="png">
+ </div>
+ <p>Although we have verified that PNA as clamp has better effect than DNA as clamp, however, we are not yet sure to what extent the shielding effect of using PNA as clamp on single base mutation false sequences can be achieved, and it is not clear what effect different concentrations of PNA have on the effect of target sequence detection. So, we set a certain amount of PNA (100nM) and gradient concentrations of target and mutant sequences in combination, and found that the interference of PNA on mutant sequences was significantly greater than that of target sequences, and even after the concentration of mutant sequences was less than 100nM, its RFU dropped in a precipitous manner. When PNA was relatively saturated in the mutant sequence, it was able to play an almost complete shielding role. In the absence of PNA addition, the magnitude of RFU change of both was not as obvious as when PNA was added.</p>
+ <div class="trpic">
+ <img src="{{ url_for('static', filename = 'images/engi1/21.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/engi1/22.png')}}" alt="png">
+ </div>
+ <p>In the system of Cas13a, as shown in the figure below, the shielding effect of PNA-CLAMP on complementary sequences gradually increased as the concentration of PNA-CLAMP increased (0-100 nM) for a certain amount of the shielded sequence, indicating that the shielding effect increased with the amount of PNA-CLAMP within a certain concentration range.</p>
+ <div class="trpic">
+ <img src="{{ url_for('static', filename = 'images/engi1/23.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/engi1/24.png')}}" alt="png">
+ </div>
+ <p>In the data in the figure below, we show that when PNA-CLAMP coexists with target and mutant sequences, only the signal of mutant sequences is significantly shielded, while target sequences are largely unaffected. It indicates that the application of PNA-CLAMP in single-base detection platform is feasible and has predictable good results.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/engi1/25.png')}}" alt="png">
+ </div>
+ <h2>3.4 LEARN</h2>
+ <h3>Instrument</h3>
+ <p>Currently, in vitro nucleic acid assays based on CRISPR technology are in the initial development stage. Existing PCR nucleic acid assays require special instrumentation, laboratory testing sites and specialized technical staff, and have strict zoning requirements for laboratories. In this environment, we decided to develop a portable enzyme marker based on our project to validate and promote our project.
+For more details, please see the Hardware page (please tie the wiki hardware link to Hardware at the Expo)</p>
+ <h2>Outlook</h2>
+ <p>In the era of the epidemic, we are quite sure that our project has strong applications. However, even if our protocol is feasible, there are still many issues and challenges to really develop it to maturity. How to further improve the sensitivity and specificity of the nucleic acid assay, how to combine and simplify the reagent components, how to make the CRISPR-based nucleic acid assay home-based/private, how to further reduce the cost, how to combine the CRISPR nucleic acid assay technology with the instrumentation to automate the rapid detection, these are all things we are committed to achieve.</p>
+ <p>We will continue to innovate and breakthrough ourselves, and not end with IGEM, and finally build a perfect testing platform to make our own contribution to improve the society!</p>
+
</div>
{% endblock %}
diff --git a/wiki/pages/entrepreneurship.html b/wiki/pages/entrepreneurship.html
deleted file mode 100644
index e86039c..0000000
--- a/wiki/pages/entrepreneurship.html
+++ /dev/null
@@ -1,41 +0,0 @@
-{% extends "layout.html" %}
-
-{% block title %}Entrepreneurship{% endblock %}
-{% block lead %}The entrepreneurship prize recognizes exceptional effort to build a business case and commercialize an iGEM project.{% endblock %}
-
-{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Best Supporting Entrepreneurship Special Prize</h4>
- <p>The Best Supporting Entrepreneurship award recognizes exceptional effort to build a business case and commercialize an iGEM project. This award is open to all teams to show that entrepreneurship is something all teams can aspire to do with their project. This award can go to an new project, or to a previous project that a team aimed to commercialize. Have you filed a provisional patent on your project/device/process? Have you raised money to build and ship products? Have you pitched your idea to investors and received money? As always in iGEM, the aim is to impress the judges!</p>
- <p>To compete for the Best Supporting Entrepreneurship prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
- </div>
- </div>
-</div>
-
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>Patents and intellectual property</h2>
- <hr>
- <p>If your team is seriously considering commercializing and looking into building a company after the competition, you may want to look at how you are going to protect your work and secure investment. Investors will usually require some form of intellectual protection, so you may want to investigate how to apply for a patent or provisional patent in your country and region before disclosing your project at iGEM. Remember that you can only be evaluated in iGEM based on what you share on your wiki and at the Jamboree, so any work you don't present can't count towards your project.</p>
- <p>This is an area where we are different as we care about sharing, openness and contributing to the community and investors don't always agree with these values. It is up to you and your team to decide what to do. Remember that most universities have a commercialization department and that you can talk to them before coming to a decision.</p>
- </div>
- <div class="col-lg-4">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="https://2019.igem.org/Team:UCopenhagen/Entrepreneurship">2019 UCopenhagen</a></li>
- <li><a href="https://2019.igem.org/Team:Thessaly/Entrepreneurship">2019 Thessaly</a></li>
- <li><a href="https://2019.igem.org/Team:NCKU_Tainan/Entrepreneurship">2019 NCKU Tainan</a></li>
- <li><a href="https://2020.igem.org/Team:TAS_Taipei/Entrepreneurship">2020 TAS Taipei</a></li>
- <li><a href="https://2020.igem.org/Team:KCL_UK/Entrepreneurship">2020 KCL UK</a></li>
- <li><a href="https://2020.igem.org/Team:Calgary/Entrepreneurship">2020 Calgary</a></li>
- </ul>
- </div>
-</div>
-
-{% endblock %}
diff --git a/wiki/pages/hardware.html b/wiki/pages/hardware.html
index 9b982a3..e712f43 100644
--- a/wiki/pages/hardware.html
+++ b/wiki/pages/hardware.html
@@ -5,39 +5,71 @@
{% block page_content %}
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Best Hardware Special Prize</h4>
- <p>This is a prize for the team that has developed a piece of hardware for synthetic biology. Hardware in iGEM should make synthetic biology based on standard parts easier, faster, better or more accessible to our community. Did your team make a sensor to help teams characterize parts? Did you make a robot that can help teams perform experiments or do cloning more easily? Tell us what your team did for this award!</p>
- <p>To compete for the Best Hardware prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
- </div>
+<div class="row display ltext">
+ <h2>一ã€project:</h2>
+ <p>This project aims to study drug-resistant microorganisms in the ocean, and we have designed a portable marine drug-resistant microorganism detector for this field. Currently, there are tools such as enzyme markers, but these devices are costly and large, and the human-machine interface is mostly connected to a computer screen, which is inconvenient to operate. Therefore, considering several aspects such as cost, portability and easy operation process, we developed a hardware system specifically adapted to our needs. The system is relatively small, can achieve rapid detection, and the human-machine interface is friendly and easy to operate.</p>
+ <h2>二ã€The composition of Hardware</h2>
+ <p>The system has 3 main modules, mainly divided into temperature regulation module, light path detection module and Android screen display module
+The following shows the system block diagram.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/0.png')}}" alt="png">
</div>
+ <h2>2.1 Temperature regulation</h2>
+ <p>The samples need to be tested at a constant temperature, so here we made a heating film with a rated power of 20w and attached it to the surface of the heat-conducting aluminum according to its dimensions. Using a temperature sensor, the temperature sensor is inserted directly into the thermal conductive aluminum, so it is more accurate and real-time monitoring of the internal culture temperature of the thermal conductive aluminum. Use stm32f103c8t6 master control chip, with pid algorithm to control the temperature rise and final stabilization.
+The physical connection of the special heat-conducting aluminum, heating film and temperature sensor is as follows</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/1.png')}}" alt="png">
+ </div>
+ <p>Assuming that the set temperature is 37℃, after the actual test, it can be obtained that it takes 260s to rise from room temperature 28℃ to the set temperature. the overshoot after reaching the set temperature is within 0.2℃, and the final temperature can be stabilized at about 37℃ with an error of ±0.1℃. Compared with some conventional enzyme markers, the time to warm up and reach the stable temperature is faster.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/2.png')}}" alt="png">
+ </div>
+ <h2>2.2 Optical path structure</h2>
+ <p>At the light source end, we use led light beads, which are small in size, consume less power at the same brightness, have high luminous efficiency, fast response time, and do not exist such as mercury, lead and other environmental pollutants, known as "green light source". Optical fiber is used to transmit the light path to the bottom of the culture chamber. We use special structural components to isolate each light source to avoid interference from the bypass.
+At the receiving end, we use a photodiode, which transmits the fluorescence generated to the photodiode in the horizontal direction of the incubation chamber using optical fiber. The photodiode receives the fluorescence and generates a photocurrent at the uA level, which is then detected through IV conversion, amplification circuits and A/D conversion.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/3.png')}}" alt="png">
+ </div>
+ <h2>2.3 Android screen display</h2>
+ <p>In order to improve a good user experience, we developed a software interface based on the off-the-shelf Android screen for users to use. The entire workflow of the instrument is clear on the Android screen.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/4.png')}}" alt="png">
+ </div>
+ <h2>2.4 Equipment demonstration</h2>
+ <p>(1) Set the sample description, including sample name, incubation chamber temperature, test duration, etc.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/5.png')}}" alt="png">
+ </div>
+ <p>(2) Click the start detection button</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/6.png')}}" alt="png">
+ </div>
+ <p>(3) The temperature reaches the prompt to put the sample into the incubation chamber</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/7.png')}}" alt="png">
+ </div>
+ <p>(4) Wait for the end of detection or click the end detection button to end the process</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/8.png')}}" alt="png">
+ </div>
+ <p>To demonstrate the feasibility of a portable marine drug-resistant microbial assay, we used standard enzyme markers for the same samples in order to compare the results.</p>
+ <p>After the comparison of the results, the results of the portable marine drug-resistant microbial detector were basically consistent with those of the enzyme marker, which proved the feasibility of the portable marine drug-resistant microbial detector.</p>
+ <h2>III. Circuit design</h2>
+ <p>The circuit design of the portable marine drug resistance microbial detector was implemented using a PCB board, mainly with a main board and a receiver board. The off-the-shelf components are a 7" Android screen, temperature sensor, 20w heating film, Android screen for developing the software interface, after powering up, all the operations of the instrument can be realized using the buttons on the Android screen interface, and the user without any experience can fully master the operation of the instrument.</p>
+ <p>The main board mainly consists of voltage conversion module, stm32f103c8t6 module, receiver board interface, Android screen interface, serial port 1 interface, STLINK interface, temperature sensor interface, and heating film driver circuit.</p>
+ <p>Motherboard PCB:</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/9.png')}}" alt="png">
+ </div>
+ <p>The receiver board mainly consists of a light source module, a photodiode module, a motherboard interface and an AD conversion module.</p>
+ <p>Receiver board PCB front:</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/10.png')}}" alt="png">
+ </div>
+ <p>Back of the receiver board PCB:</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/h1/11.png')}}" alt="png">
+ </div>
+ <p>The entire system can be implemented by powering it from a 12v adapter. </p>
</div>
-
-
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>Overview</h2>
- <hr>
- <p>In addition to encouraging teams to work with DNA parts and build biological devices in the lab, iGEM also encourages other types of technical solutions for synthetic biology. This can include physical devices (hardware) related to robotic assembly, microfluidics, low-cost measurement devices, to name a few examples. There are many exciting opportunities for hardware innovation in synthetic biology.</p>
- </div>
- <div class="col-lg-4">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="http://2018.igem.org/Team:Valencia_UPV/Hardware">2018 Valencia UPV</a></li>
- <li><a href="http://2018.igem.org/Team:Unesp_Brazil/Hardware">2018 Unesp Brazil</a></li>
- <li><a href="https://2019.igem.org/Team:BIT/Hardware">2019 BIT</a></li>
- <li><a href="https://2019.igem.org/Team:Bielefeld-CeBiTec/Hardware">2019 Bielefeld CeBiTec</a></li>
- <li><a href="https://2019.igem.org/Team:Nanjing-China/Hardware">2019 Nanjing China</a></li>
- <li><a href="https://2020.igem.org/Team:Vilnius-Lithuania/Hardware">2020 Vilnius Lithuania</a></li>
- <li><a href="https://2020.igem.org/Team:Aachen/Hardware">2020 Aachen</a></li>
- <li><a href="https://2020.igem.org/Team:ZJUT_China_B/Hardware">2020 ZJUT China B</a></li>
- </ul>
- </div>
-</div>
-
-{% endblock %}
+ {% endblock %}
diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index de78aff..e84d140 100644
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -5,54 +5,147 @@
{% block page_content %}
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Silver Medal Criterion #3</h4>
- <p>Explain how you have determined your work is responsible and good for the world.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/medals">2022 Medals Page</a> for more information.</p>
+<div class="row display ltext">
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/0.png')}}" alt="png">
+ <p>Figure 1a. Professor Liao Chenghong</p>
</div>
-
- <div class="bd-callout bd-callout-info">
- <h4>Gold Medal Criterion #1</h4>
- <p>Demonstrate how your team responded to your human practices reflections, research, and/or engagement. You should show how your activities impacted your project purpose, design, and/or execution. </p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/medals">2022 Medals Page</a> for more information.</p>
+ </div>
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/1.png')}}" alt="png">
+ <p>Figure 1b. Professor Zhou Hailong</p>
</div>
-
- <div class="bd-callout bd-callout-info">
- <h4>Best Integrated Human Practices Special Prize</h4>
- <p>To compete for the this prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
- <p>How does your project affect society and how does society influence the direction of your project? How might ethical considerations and stakeholder input guide your project purpose and design and the experiments you conduct in the lab? How does this feedback enter into the process of your work all through the iGEM competition? Document a thoughtful and creative approach to exploring these questions and how your project evolved in the process to compete for this award!</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/2.png')}}" alt="png">
+ <p>Figure 1c. Dr. Wan Yi</p>
</div>
</div>
-</div>
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>Overview</h2>
- <hr>
- <p>At iGEM we believe societal considerations should be upfront and integrated throughout the design and execution of synthetic biology projects. “Human Practices†refers to iGEM teams' efforts to actively consider how the world affects their work and their work affects the world. Through your Human Practices activities, your team should demonstrate how you have thought carefully and creatively about whether your project is responsible and good for the world. We invite you to explore issues relating (but not limited) to the ethics, safety, security, and sustainability of your project, and to show how this exploration feeds back into your project purpose, design, and execution.</p>
- <p>Please note you can compete for the Silver Medal criterion #3, Gold Medal criterion #1 and the Best Integrated Human Practices prize with this page.</p>
- <p>For more information, please see the <a href="https://responsibility.igem.org/human-practices/what-is-human-practices">Human Practices Hub</a>.
- <p>On this page, your team should document all of your Human Practices work and activities. You should write about the Human Practices topics you considered in your project, document any activities you conducted to explore these topics (such as engaging with experts and stakeholders), describe why you took a particular approach (including referencing any work you built upon), and explain if and how you integrated takeaways from your Human Practices work back into your project purpose, design and/or execution.</p>
- </div>
- <div class="col-lg-4">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="https://2019.igem.org/Team:Thessaly/Human_Practices">2019 Thessaly</a></li>
- <li><a href="https://2019.igem.org/Team:Linkoping_Sweden/Human_Practices">2019 Linkoping Sweden</a></li>
- <li><a href="https://2019.igem.org/Team:FDR-HB_Peru/Human_Practices">2019 FDR HB Peru</a></li>
- <li><a href="https://2020.igem.org/Team:William_and_Mary/Human_Practices">2020 William and Mary</a></li>
- <li><a href="https://2020.igem.org/Team:Rochester/Human_Practices">2020 Rochester</a></li>
- <li><a href="https://2020.igem.org/Team:Leiden/Human_Practices">2020 Leiden</a></li>
- <li><a href="https://2020.igem.org/Team:Baltimore_BioCrew/Human_Practices">2020 Baltimore BioCrew</a></li>
- </ul>
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/3.png')}}" alt="png">
+ <p>Figure 2a. CU-Boulder</p>
+ </div>
+ </div>
+
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/4.png')}}" alt="png">
+ <p>Figure 2b</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/5.png')}}" alt="png">
+ <p>Figure 2c</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/6.png')}}" alt="png">
+ <p>Figure 2d</p>
+ </div>
+ </div>
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/7.png')}}" alt="png">
+ <p>Figure 4a</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/8.png')}}" alt="png">
+ <p>Figure 4b</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/9.png')}}" alt="png">
+ <p>Figure 4c</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/10.png')}}" alt="png">
+ <p>Figure 4d</p>
+ </div>
</div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/11.png')}}" alt="png">
+ <p>Figure 4e</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/12.png')}}" alt="png">
+ <p>Figure 4f</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/13.png')}}" alt="png">
+ <p>Figure 4g</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/14.png')}}" alt="png">
+ <p>Figure 4h</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/15.png')}}" alt="png">
+ <p>Figure 5a.Topography of Haikou</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/16.png')}}" alt="png">
+ <p>Figure 5b. Terrain</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/17.png')}}" alt="png">
+ <p>Figure 5c</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/18.png')}}" alt="png">
+ <p>Figure 6a</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/h2/19.png')}}" alt="png">
+ <p>Figure 6b</p>
+ </div>
+ </div>
+
</div>
{% endblock %}
diff --git a/wiki/pages/implementation.html b/wiki/pages/implementation.html
index ec65efc..d0ee0b9 100644
--- a/wiki/pages/implementation.html
+++ b/wiki/pages/implementation.html
@@ -4,16 +4,47 @@
{% block lead %}Explain how you would implement your project in the real world.{% endblock %}
{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Silver Medal Criterion #4</h4>
- <p>Explain how you would implement your project in the real world.<p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/medals">2022 Medals Page</a> for more information.</p>
- </div>
+<div class="row display ltext">
+ <h2>1.Background：</h2>
+ <p>With the development of marine resources in recent years, a lot of harmful effects caused by marine pathogenic bacteria have gradually come to the surface. The increase and spread of drug resistance has become a global public security problem. In recent years, the abuse of antibiotics has accelerated the spread of bacterial resistance in the natural environment. These drug-resistant microorganisms can enter the human body through direct or indirect contact (such as the food chain) and thus endanger public health. About 25,000 Europeans (5.1 per 100,000 inhabitants) die each year from drug-resistant bacterial infections, according to the European Centre for Disease Control and Prevention and the European Medicines Agency. The Centers for Disease Control and Prevention reported in 2013 that at least two million people in the United States are infected with drug-resistant bacteria every year, and that drug-resistant infections are responsible for more than 23,000 deaths. To actively address the challenges posed by bacterial resistance and safeguard public health, 2016. National Health and Family Planning Commission and other 14 departments jointly developed the“Curb bacteria, bacterial resistance National Action Plan (2016-2020) .â€. The gene mutation caused by the overuse of antibiotics has become one of the main reasons for the emergence of drug resistance of marine microorganisms. Therefore, the development of detection techniques and tools for drug-resistant bacteria has become an important link in the maintenance of marine resources and human health. Therefore, we designed a rapid and portable detection tool for marine drug-resistant microorganisms based on CRISPR-CAS.</p>
+ <h2>2.project:</h2>
+ <p>The aim of this project is to study drug-resistant microorganisms in the ocean. We have designed a portable marine drug-resistant microorganism detector for this field. At present, although there are detection tools such as microplate readers, such devices are relatively expensive and bulky, and most human-computer interfaces use computer screens to connect to them and perform related operations, extremely inconvenient. Therefore, considering the cost, portability and simple operation process, we specially developed a hardware system to meet our needs. The system is relatively small in size, can achieve rapid detection, human-computer interface friendly and easy to operate.</p>
+ <h3>Target Users</h3>
+ <p>Our project products are aimed at people engaged in coastal operations or monitoring the marine environment, aiming to be able to carry out its portable, high-sensitivity detection capabilities, to cut off drug-resistant pathogens and other harmful marine microorganisms through the food chain and other ways into people's living environment. Because our products are more specific than the traditional amplification detection technology, and the product design is portable. As a result, our products are more popular than traditional detection tools.</p>
+ <div class="tpic">
+ <img src="{{ url_for('static', filename = 'images/i1/0.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/i1/1.png')}}" alt="png">
</div>
+ <h3>The use of Instrument</h3>
+ <p>In order to improve the user experience, we have developed a software interface based on the existing Android screen for users to use. The workflow of the device is clear on the android screen.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/i1/2.png')}}" alt="png">
+ </div>
+ <p>（1）Set sample description, including sample name, culture room temperature, test time, etc.</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/i1/3.png')}}" alt="png">
+ </div>
+ <p>（2）Click the start detection button</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/i1/4.png')}}" alt="png">
+ </div>
+ <p>（3）Put the sample into the culture room when the temperature is reached</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/i1/5.png')}}" alt="png">
+ </div>
+ <p>（4）Wait for the end of detection or click the end of detection button to end the process</p>
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/i1/6.png')}}" alt="png">
+ </div>
+ <p>In order to prove the feasibility of the portable marine drug resistance microbial detector, we used a standard enzyme marker to detect the same samples, in order to compare the results. The results of the portable marine drug resistance microbial detector were consistent with those of the microplate reader, which proved the feasibility of the portable marine drug resistance microbial detector.</p>
+ <h3>User experience improvement plan and future improvements</h3>
+ <p>At present, the whole structure of the portable marine drug resistance microbial detector is printed out by a 3D printer, so the printed structure will slightly deviate from the 3D model of the actual design, and the appearance of the degree of beauty is relatively poor. The internal structure of the temperature sensor raised above the thermal conductive aluminum is not reasonable, but it does not affect the test.</p>
+ <p>In order to solve the above problems, we propose several solutions.</p>
+ <p>For instrument appearance problems: the structure will be handed over to a professional manufacturer.<p>
+ <p>For temperature sensor issues: 1. Design the temperature sensor interface under or to the side of the thermally conductive aluminum. 2. Replace the direct-type temperature sensor with an infrared temperature sensor.</p>
+ <h3>Safety</h3>
+ <p>In the early days of our product development, when we built a portable, single-base, non-amplified CRISPR/CAS13 & CAS14 nucleic acid detection platform, we first considered pre-social biosafety-related factors, faced with the potential risk of biological hazards, we have conducted full validation using model organisms such as E. coli. Ensure that our products are biosafety-free, and that our tool packaging and other options are in line with product safety testing, to fully safeguard its environmentally friendly characteristics.</p>
</div>
+
{% endblock %}
diff --git a/wiki/pages/improve.html b/wiki/pages/improve.html
deleted file mode 100644
index 6a74f84..0000000
--- a/wiki/pages/improve.html
+++ /dev/null
@@ -1,24 +0,0 @@
-{% extends "layout.html" %}
-
-{% block title %}Improvement of an Existing Part{% endblock %}
-{% block lead %}Describe the improvements your team made of an existing part.{% endblock %}
-
-{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Gold Medal Criterion #2</h4>
- <p>Make a new Part that improves the function of an existing Part. This improvement must be distinct from your work for Bronze and Silver medals.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/medals">2022 Medals Page</a> for more information.</p>
- </div>
-
- <div class="bd-callout bd-callout-warning">
- <h4>Note</h4>
- <p>You must document your improvement on both the existing and new Parts' Main Pages on the <a href="http://parts.igem.org">Registry</a> for your team to be eligible for this criteria.</p>
- </div>
- </div>
-</div>
-
-{% endblock %}
diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html
deleted file mode 100644
index 52a4da9..0000000
--- a/wiki/pages/inclusivity.html
+++ /dev/null
@@ -1,38 +0,0 @@
-{% extends "layout.html" %}
-
-{% block title %}Diversity and Inclusion{% endblock %}
-{% block lead %}Every individual, regardless of background or experience, should have an equal opportunity to engage with scientific knowledge and technological development.{% endblock %}
-
-{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Inclusivity Award</h4>
- <p>The Inclusivity Award recognizes exceptional efforts to include people with diverse identities in scientific research. Who is allowed to have a voice in iGEM, synthetic biology, and science more broadly? How have you developed new opportunities to eliminate barriers and allow more people to contribute to, participate in, and/or be represented by these communities? To compete for this prize, activities do not have to be directly related to your team’s project. Document your approach, how you improved inclusivity, and what was learned.</p>
- <p>To compete for the Inclusivity award, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
- </div>
- </div>
-</div>
-
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>Overview</h2>
- <hr>
- <p>We should all recognize the importance of building an open and welcoming scientific community. A more diverse community involved in creating knowledge and technology is more likely to produce a more equitable and representative system. Every individual, regardless of background or experience, should have an equal opportunity to engage with scientific knowledge and technological development. Everyone should be able to share their opinions on the societal implications of research.</p>
- </div>
- <div class="col-lg-4">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="https://2020.igem.org/Team:Fudan/Inclusion">2020 Fudan</a></li>
- <li><a href="https://2020.igem.org/Team:CCU_Taiwan/Inclusion">2020 CCU Taiwan</a></li>
- <li><a href="https://2020.igem.org/Team:Concordia-Montreal/Inclusion">2020 Concordia Montreal</a></li>
- <li><a href="https://2020.igem.org/Team:CLS_CLSG_UK/Inclusione">2020 CLS CLSG UK</a></li>
- </ul>
- </div>
-</div>
-
-{% endblock %}
diff --git a/wiki/pages/index.html b/wiki/pages/index.html
index f0553b7..262e97e 100644
--- a/wiki/pages/index.html
+++ b/wiki/pages/index.html
@@ -1,58 +1,65 @@
{% extends "layout.html" %}
-
-{% block title %}Home{% endblock %}
-{% block lead %}<b>Welcome to iGEM 2022!</b> Your team has been approved and you are ready to start the iGEM season!{% endblock %}
+{% block htitle %}Home{% endblock %}
+{% block title %}
+<video class="video-background" preload="auto" loop playsinline autoplay
+ src="https://video.igem.org/download/streaming-playlists/hls/videos/f7eb38cb-b6f3-43ee-8efe-58b4245096f1-2160-fragmented.mp4" tabindex="-1" muted="muted"></video>
+{% endblock %}
{% block page_content %}
<div class="row">
- <div class="col">
- <h2>Before you start</h2>
- <hr>
- <p>Please read the following pages:</p>
- <ul>
- <li><a href="https://competition.igem.org/">The Competition Page</a></li>
- <li><a href="https://competition.igem.org/deliverables/team-wiki">Wiki Requirements page</a></li>
- </ul>
- </div>
-</div>
-<div class="row mt-4">
- <div class="col">
- <h2>Styling your wiki</h2>
- <hr>
- <p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
- <p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
- </div>
+ <div class="bigbox">
+ <h2>BACKGROUND</h2>
+ <p>THE ocean is Hainan's greatest advantage and its greatest potential in the future. As the
+ province with the largest marine resources in the country, Hainan has unique resource conditions
+ and geographical advantages.
+ </p>
+ <p>Hainan Island is located in the northwestern part of the South China Sea and on the northern edge
+ of the tropics. It is the province with the largest marine area in China, with a total area of
+ ​​2 million square kilometers under its authorized jurisdiction, accounting for 2/3 of my
+ country's marine land area. There are many natural harbors, up to 68. According to statistics,
+ in 2012, the total output of aquatic products in Hainan Province was 1.88 million tons, and the
+ added value of fishery reached 21.6 billion yuan, of which the output and output value of marine
+ aquaculture accounted for 35% and 64% of Hainan aquaculture, respectively.</p>
+ </div>
+ <div class="hcontent">
+ <div class="cinfo col-md-9 offset-md-3">
+ <div class="center">
+ <h3>question1</h3>
+ <p>A large number of antibiotic drugs are applied to all stages of the breeding process, and
+ the
+ huge selection pressure has led to a significant increase in the types and number of
+ drug-resistant bacteria in marine aquaculture waters, and the occurrence of biologically
+ resistant pathogen diseases in aquaculture is becoming more and more frequent, and the
+ difficulty of microbial disease control is increasing.</p>
+ </div>
+ </div>
+ <div class="cinfo col-md-9">
+ <img src="https://uploads.igem.org/teams/4223/wiki/h1/0.png" alt="png" class="small">
+ </div>
+ <div class="cinfo col-md-9 offset-md-3">
+ <div class="center offset-top">
+ <h3>question2</h3>
+ <p>The more serious problem is that aquaculture products cultured in this way often carry resistant
+ bacteria, which are transmitted through the food chain and will pose a direct threat to human health
+ and life safety (Sorumetal, 2002).</p>
+ </div>
+ </div>
+ <div class="cinfo col-md-9 ">
+ <img src="https://uploads.igem.org/teams/4223/wiki/h1/1.png" alt="png">
+ </div>
+ <div class="cinfo col-md-9 offset-md-3">
+ <div class="center offset-top">
+ <h3>idea</h3>
+ <p>For the inhabitants of sunny islands, we hope to build a platform called the "lock-in" cripr/cas tool
+ based on synthetic biology methods, which aims to develop a tool that uses Crispr-cas13/14 to detect
+ marine microbial resistance with high precision and ease of operation.</p>
+ </div>
+ </div>
+ <div class="cinfo col-md-9">
+ <img src="https://uploads.igem.org/teams/4223/wiki/h1/2.png" alt="png">
+ </div>
+ </div>
</div>
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>Tips</h2>
- <hr>
- <p>This wiki will be your team's first interaction with the rest of the world, so here are a few tips to help you get started:</p>
- <ul>
- <li>State your accomplishments! Tell people what you have achieved from the start.</li>
- <li>Be clear about what you are doing and how you plan to do this.</li>
- <li>You have a global audience! Consider the different backgrounds that your users come from.</li>
- <li>Make sure information is easy to find; nothing should be more than 3 clicks away.</li>
- <li>Avoid using very small fonts and low contrast colors; information should be easy to read.</li>
- <li>Start documenting your project as early as possible; don't leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the iGEM 2022 calendar</li>
- <li>Have lots of fun!</li>
- </ul>
- </div>
- <div class="col-lg-4">
- <h2>Inspiration</h2>
- <hr>
- <p>You can also view other team wikis for inspiration! Here are some examples:</p>
- <ul>
- <li><a href="https://2019.igem.org/Team:Vilnius-Lithuania">2019 Vilnius Lithuania</a></li>
- <li><a href="https://2019.igem.org/Team:NUS_Singapore">2019 NUS Singapore</a></li>
- <li><a href="https://2019.igem.org/Team:Lambert_GA">2019 Lambert GA</a></li>
- <li><a href="https://2020.igem.org/Team:Waterloo">2020 Waterloo</a></li>
- <li><a href="https://2020.igem.org/Team:TUDelft">2020 TUDelft</a></li>
- <li><a href="https://2020.igem.org/Team:XMU-China">2020 XMU China </a></li>
- <li><a href="https://2020.igem.org/Team:TAS_Taipei">2020 TAS Taipei </a></li>
- </ul>
- </div>
-</div>
-
-{% endblock %}
+
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/measurement.html b/wiki/pages/measurement.html
deleted file mode 100644
index 9d0760b..0000000
--- a/wiki/pages/measurement.html
+++ /dev/null
@@ -1,40 +0,0 @@
-{% extends "layout.html" %}
-
-{% block title %}Measurement{% endblock %}
-{% block lead %}Synthetic Biology needs great measurement approaches for characterizing parts, and efficient new methods for characterizing many parts at once. Describe your measurement approaches on this page.{% endblock %}
-
-{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Best Measurement Special Prize</h4>
- <p>There are a lot of exciting Parts in the Registry, but many Parts have still not been characterized. Designing great measurement approaches for characterizing new parts, or developing and implementing an efficient new method for characterizing thousands of parts are good examples.</p>
- <p>To compete for the Best Measurement prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
- </div>
- </div>
-</div>
-
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>Overview</h2>
- <hr>
- <p> If you've done excellent work in measurement, you should consider nominating your team for this special prize. Synthetic Biology needs great measurement approaches for characterizing parts, and efficient new methods for characterizing many parts at once. If you've done something exciting in the area of Measurement, describe it here!</p>
- </div>
- <div class="col-lg-4">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="http://2018.igem.org/Team:UC_Davis/Measurement">2018 UC Davis</a></li>
- <li><a href="https://2019.igem.org/Team:Newcastle/Measurement">2019 Newcastle</a></li>
- <li><a href="https://2019.igem.org/Team:Evry_Paris-Saclay/Measurement">2019 Evry Paris Saclay</a></li>
- <li><a href="https://2019.igem.org/Team:GENAS_China/Measurement">2019 GENAS China</a></li>
- <li><a href="https://2020.igem.org/Team:Calgary/Measurement">2020 Calgary</a></li>
- <li><a href="https://2020.igem.org/Team:CSMU_Taiwan/Measurement">2020 CSMU Taiwan</a></li>
- </ul>
- </div>
-</div>
-
-{% endblock %}
diff --git a/wiki/pages/part-collection.html b/wiki/pages/part-collection.html
deleted file mode 100644
index 90f296d..0000000
--- a/wiki/pages/part-collection.html
+++ /dev/null
@@ -1,25 +0,0 @@
-{% extends "layout.html" %}
-
-{% block title %}Part Collection{% endblock %}
-{% block lead %}Describe your parts collection on this page, so the judges can evaluate you for the Best Part Collection award.{% endblock %}
-
-{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Best Part Collection Special Prize</h4>
- <p>Did your team make a lot of great parts? Is there a theme that ties all your parts together? Do you have more than 10 parts in this collection? Did you make a CRISPR collection, a MoClo collection, or a collection of awesome pigment parts? Describe your parts collection on this page, so the judges can evaluate you for the Best Part Collection award.</p>
- <p>To be eligible for this award, each part in the collection must be well documented on the Part's Main Page on the <a href="http://parts.igem.org">Registry</a>. If you have a collection of parts you wish to nominate for this <a href="https://competition.igem.org/judging/awards">special prize</a>, make sure you add your part numbers to your <a href="https://competition.igem.org/deliverables/judging-form">judging form</a> and delete the alert box at the top of this page.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
- </div>
-
- <div class="bd-callout bd-callout-warning">
- <h4>Note</h4>
- <p>This page should list all the parts in the collection your team made during your project, explaining how all your parts form a collection, and include direct links to your Parts main pages on the <a href="http://parts.igem.org">Registry</a>. <b>You must add all characterization information for your parts on Parts Main Page on the Registry.</b> You should <b>not</b> put characterization information on this page.</p>
- </div>
- </div>
-</div>
-
-{% endblock %}
diff --git a/wiki/pages/partnership.html b/wiki/pages/partnership.html
index a3f84d0..eae1f38 100644
--- a/wiki/pages/partnership.html
+++ b/wiki/pages/partnership.html
@@ -5,15 +5,201 @@
{% block page_content %}
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Gold Medal Criterion #5</h4>
- <p>Collaborate throughout the year with at least one other 2022 iGEM team on a set of shared objectives related to both of your projects. This partnership should go beyond a Silver medal collaboration.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/medals">2022 Medals Page</a> for more information.</p>
+<div class="row display ltext">
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/0.png')}}" alt="png">
+ <p>Figure 1. Team crest of HainanU-China</p>
</div>
</div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/1.png')}}" alt="png">
+ <p>Figure 2. Team crest of JLU China</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/2.png')}}" alt="png">
+ <p>Figure 3. Photo of members of HainanU-China group</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/3.png')}}" alt="png">
+ <p>Figure 4. Photo of members of JLU-China group</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/4.png')}}" alt="png">
+ <p>Figure 5. Screenshot of partnership building meeting</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/5.png')}}" alt="png">
+ <p>Figure 6. Pointing out problems to each other to promote the overall progress.</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/6.png')}}" alt="png">
+ <p>Figure 7. Some screenshots of our magazine</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/7.png')}}" alt="png">
+ <p>Figure 8. Online Public Welfare Lecture</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/8.png')}}" alt="png">
+ <p>Figure 9. PRO plasmid
+(fluorescent protein coding sequence ↠toxic protein coding sequence)</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/9.png')}}" alt="png">
+ <p>Figure 10. Pro target plasmids that replace fluorescent proteins with toxic proteins</p>
+ </div>
+ </div>
+
+ <div class="tpic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/10.png')}}" alt="png">
+ <p>Figure 11a. Screenshot of our cooperation manual</p>
+ </div>
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/11.png')}}" alt="png">
+ <p>Figure 11b. Screenshot of our cooperation manual</p>
+ </div>
+ </div>
+
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/12.png')}}" alt="png">
+ <p>Figure 12. Screenshot of chat between members of the two teams</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/13.png')}}" alt="png">
+ <p>Figure 13. Files in our group (A total of 51 files)</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/14.png')}}" alt="png">
+ <p>Figure 14. Members of our group and other cooperation group </p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/15.png')}}" alt="png">
+ <p>Figure 15. Timeline for Crispr/cas diagnostic </p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/16.png')}}" alt="png">
+ <p>Figure 16. Preliminary Partnership Meeting</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/17.png')}}" alt="png">
+ <p>Figure 17. Progress of the hardware setup</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/18.png')}}" alt="png">
+ <p>Figure 18. Discuss the work related to human practice</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/19.png')}}" alt="png">
+ <p>Figure 19. Interview of the advisor of HainanU-China team</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/20.png')}}" alt="png">
+ <p>Figure 20. Meetup Booklet between HainanU-China and Worldshaper-HZ</p>
+ </div>
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/21.png')}}" alt="png">
+ <p>Figure 21. Our Photo in front of the Signature Wall</p>
+ </div>
+ </div>
+
+ <div class="opic">
+ <img src="{{ url_for('static', filename = 'images/p2/22.png')}}" alt="png">
+ </div>
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/23.png')}}" alt="png">
+ <p>Figure 14. Members of our group and other cooperation group </p>
+ </div>
+ </div>
+
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/24.png')}}" alt="png">
+ <p>Figure 23. Team logos of HainanU-China and UESTC-BioTech</p>
+ </div>
+ </div>
+
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/25.png')}}" alt="png">
+ <p>Figure 24. Online meetings and questionnaires in preparation for the process</p>
+ </div>
+ </div>
+
+
+ <div class="opic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p2/26.png')}}" alt="png">
+ <p>Figure 25. CRISPR conference brochure and screenshots of the meeting</p>
+ </div>
+ </div>
+
+
+
+
+
+
+
</div>
{% endblock %}
diff --git a/wiki/pages/plant.html b/wiki/pages/plant.html
deleted file mode 100644
index 0bf7c7b..0000000
--- a/wiki/pages/plant.html
+++ /dev/null
@@ -1,34 +0,0 @@
-{% extends "layout.html" %}
-
-{% block title %}Plant{% endblock %}
-{% block lead %}This award is designed to celebrate exemplary work done in plant synthetic biology.{% endblock %}
-
-{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Best Plant Synthetic Biology Special Prize</h4>
- <p>This award is designed to celebrate exemplary work done in plant synthetic biology. Did you build a project in a plant chassis? Did you submit plant parts to the Registry? This award could also be given to a team working with algae or another photosynthetic chassis. Show us what you made and remember to adhere to iGEM safety guidelines!</p>
- <p>To compete for the Best Plant Synthetic Biology prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
- </div>
- </div>
-</div>
-
-<div class="row mt-4">
- <div class="col">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="http://2018.igem.org/Team:Cardiff_Wales/Plant">2018 Cardiff Wales</a></li>
- <li><a href="https://2019.igem.org/Team:Sorbonne_U_Paris/Plant">2019 Sorbonne U Paris</a></li>
- <li><a href="https://2019.igem.org/Team:TU_Kaiserslautern/Plant">2019 TU Kaiserslautern</a></li>
- <li><a href="https://2019.igem.org/Team:Humboldt_Berlin/Plant">2019 Humboldt Berlin</a></li>
- <li><a href="https://2020.igem.org/Team:Sorbonne_U_Paris/Plant">2020 Sorbonne U Paris</a></li>
- </ul>
- </div>
-</div>
-
-{% endblock %}
diff --git a/wiki/pages/proof-of-concept.html b/wiki/pages/proof-of-concept.html
index 509c155..e0eb21d 100644
--- a/wiki/pages/proof-of-concept.html
+++ b/wiki/pages/proof-of-concept.html
@@ -1,19 +1,171 @@
{% extends "layout.html" %}
-
+
{% block title %}Proof of Concept{% endblock %}
-{% block lead %}Expand upon your Silver medal work for Proposed Implementation and develop a proof of concept for your project.{% endblock %}
+{% block lead %}Expand upon your Silver medal work for Proposed Implementation and develop a proof of concept for your
+project.{% endblock %}
{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Gold Medal Criterion #4</h4>
- <p>Expand upon your Silver medal work for Proposed Implementation and develop a proof of concept for your project.<p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/medals">2022 Medals Page</a> for more information.</p>
+<div class="row display ltext">
+ <h2>Overview</h2>
+ <p>Due to the tolerance of Cas13a and Cas14a proteins to 1-2 base nucleotide polymorphisms in the target sequence, the
+ efficiency of cleavage of Cas proteins in the detection system is greatly reduced, and incorrect recognition and
+ cleavage will also lead to "false positives" in the detection. Thus, we can assume that if the detection system
+ contains a certain concentration of SNPS target sequences, it will be difficult to distinguish whether the detection
+ signal comes from the target fragment that we want to track (the difference is a thousand miles). Therefore, it is
+ essential to accurately and effectively "block" the interference of the mutated nucleic acid fragment of the target
+ gene.</p>
+ <p>We will improve the accuracy of target sequence detection and enhance the specificity of the detection system by
+ artificially designing Peptide nucleic acids (PNA) to base complementary pair with single base mutated target
+ sequences to achieve single base recognition detection. This solution is an improvement to the existing nucleic acid
+ detection methods of CRISPR/Cas systems (Cas13a and Cas14a), and additionally the csm6 protein is capable of signal
+ amplification for detection of Cas13a and Cas14a proteins [1].</p>
+ <p>We will show some facts about the proof of concept based on the project implementation plan and matching
+ experiments with corresponding results. The validation of expectations by these experimental results ensures the
+ reliability and feasibility of our project.</p>
+ <h2>Expression and purification of protein</h2>
+ <p>The Cas13a1 and Cas14a1 proteins, as well as the csm6 protein used to release fluorescent signals, were expressed
+ by plasmid-transformed E. coli BL21 (DE3) and purified for our experiments.
+ After our repeated experiments, we successfully obtained the target proteins using BL21 (DE3) expression, and
+ successfully purified Cas13a, Cas14a and csm6 proteins using the protein purification instrument belonging to the
+ State Key Laboratory of Marine Resources Utilization in the South China Sea.</p>
+ <div class="opic annotation large">
+ <img src="{{ url_for('static', filename = 'images/p1/0.jpg')}}" alt="jpg">
+ <p>Figure 1a. Protein Passage Curve</p>
+ </div>
+ <div class="opic annotation">
+ <img src="{{ url_for('static', filename = 'images/p1/1.jpg')}}" alt="jpg">
+ <p>Figure 1a. Protein Passage Curve</p>
+ </div>
+ <p>The two graphs show the protein purification real-time monitoring data and the csm6 protein gel electrophoresis
+ results respectively (same for Cas13a and Cas14a proteins)</p>
+ <h2> Protein activity validation</h2>
+ <h3>Activity validation of cas13a1, cas14a1 protein, and csm6 protein for signal reporter</h3>
+ <p>After successful purification of the proteins, we determined that the activities of all three proteins were at high
+ levels (Fig.3a,Fig.3b), and the enzymatic cleavage activities of the two proteins were also tested, and the results
+ also met our expectations for the proteins (Fig.3c).</p>
+ <div class="tpic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/2.jpg')}}" alt="jpg">
+ <p>Figure 2a</p>
+ </div>
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/3.jpg')}}" alt="jpg">
+ <p>Figure 2b</p>
</div>
</div>
+ <div class="opic annotation">
+ <img src="{{ url_for('static', filename = 'images/p1/4.jpg')}}" alt="jpg">
+ <p>Figure 2c</p>
+ </div>
+ <h2>Confirmation of “false positive†characterization</h2>
+ <h3>Validation of false-positive characterization due to Cas13a1, Cas14a1's own misidentification of nucleic acid
+ sequences</h3>
+ <p>To verify the false-positive characterization of Cas13a1 protein, we designed the single nucleotide polymorphic
+ sequence of Target RNA (Fig.2a) to simulate the false-positive recognition characterization generated in the real
+ situation. The recognition and cleavage of the artificially designed RNA by the Cas13a1 protein, and thus the trans
+ cleavage activity exhibited, and thus the fluorescence signal reported, we show as Relative Fluorescence unit (RFU).
+ We can observe that each detected sequence exhibits a different fluorescence signal intensity, and RM8, RM15 and
+ RM19 are significantly larger than the target sequences. This indicates that false positives do exist and have
+ different effects on the specificity of the detection depending on the mutation site (Fig.2b).</p>
+ <div class="tpic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/5.jpg')}}" alt="jpg">
+ <p>Figure 3a</p>
+ </div>
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/6.jpg')}}" alt="jpg">
+ <p>Figure 3b</p>
+ </div>
+ </div>
+ <p>We used the same method to verify to the same false-positive recognition characterization of the Cas14a1 protein
+ in recognition of the sequence (Fig 3c, Fig 3d).</p>
+ <div class="tpic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/7.jpg')}}" alt="jpg">
+ <p>Figure 3c</p>
+ </div>
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/8.jpg')}}" alt="jpg">
+ <p>Figure 3d</p>
+ </div>
+ </div>
+ <h2>Verification of clamp effect</h2>
+ <h3>Clamp is a system we envisioned to assist Cas13a and Cas14a proteins to avoid "false positive" characterization
+ caused by single base mutation sequences by artificially designing complementary PNAs (peptide nucleic acids) of
+ single base mutation sequences to shield them from interference in the assay system.</h3>
+ <p>Taking Cas14a1 as an example, based on the experimental results of Step 2 (Confirmation of "false positive"
+ characterization), sequences with mutation sites at 5'-5, 7, 20-3' bases were selected from a series of sequences
+ with single-base mutations. 5'-5, 7, 20-3' bases, which showed high RFU in the false positive mock assay, were
+ selected as typical sequences to demonstrate the role of the shackle system (clamp).</p>
+ <p>Initially we used the designed complementary DNA as clamp as a pre-experiment to verify the preliminary role of
+ Clamp. As illustrated by the experimental results presented in Fig 4a and Fig 4 b: the Relative fluorescence unit
+ (RFU) of the experimental group with the addition of DNA-clamp was significantly lower than that of the control
+ group, and combined with the Delta-RFU analysis, Clamp did reduce the interference of single-base mutant sequences
+ on the assay results.</p>
+ <div class="tpic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/9.jpg')}}" alt="jpg">
+ <p>Figure 4a</p>
+ </div>
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/10.jpg')}}" alt="jpg">
+ <p>Figure 4b</p>
+ </div>
+ </div>
+ <p>However, DNA as clamp alone is not enough for the goal of our project. So we discovered peptide nucleic acids
+ (PNA), a class of DNA analogs with a peptide backbone replacing the sugar phosphate backbone, as nucleic acid
+ sequence-specific reagents by reviewing the literature [2]. We designed PNA as clamp and validated it in the same
+ way(Fig 4c, Fig 4d). We also compared the control group with DNA-clamp and PNA-clamp to make the data more reliable
+ (Fig 4e). The above two experiments also demonstrated that our idea of designing "Clamp" to avoid the shortcoming of
+ Cas13a and Cas14a in detecting the target sequences due to similar mutated sequences, which leads to
+ misidentification, can be realized.</p>
+ <div class="tpic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/11.jpg')}}" alt="jpg">
+ <p>Figure 4c</p>
+ </div>
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/12.jpg')}}" alt="jpg">
+ <p>Figure 4d</p>
+ </div>
+ </div>
+ <div class="opic annotation">
+ <img src="{{ url_for('static', filename = 'images/p1/13.jpg')}}" alt="jpg">
+ <p>Figure 4e</p>
+ </div>
+ <p>Although we have verified that PNA as clamp has better effect than DNA as clamp, however, we are not yet sure to
+ what extent the shielding effect of using PNA as clamp on single base mutation false sequences can be achieved, and
+ it is not clear what effect different concentrations of PNA have on the effect of target sequence detection. So, we
+ set a certain amount of PNA (100nM) and gradient concentrations of target and mutant sequences in combination, and
+ found that the interference of PNA on mutant sequences was significantly greater than that of target sequences, and
+ even after the concentration of mutant sequences was less than 100nM, its RFU dropped in a precipitous manner. When
+ PNA was relatively saturated in the mutant sequence, it was able to play an almost complete shielding role. In the
+ absence of PNA addition, the magnitude of RFU change of both was not as obvious as when PNA was added (Fig 4f).</p>
+ <div class="opic annotation">
+ <img src="{{ url_for('static', filename = 'images/p1/14.jpg')}}" alt="jpg">
+ <p>Figure 4f</p>
+ </div>
+ <p>Through further experimental design and verification, we found that the shielding effect of PNA on mutant sequences
+ at a certain concentration of PNA (100 nM) was more obvious at lower concentrations (<100 nM), and the shielding
+ effect of PNA gradually diminished as the concentration of mutant sequences increased (Fig 4g). It can be seen
+ that the interference rate of PNA on mutant sequences is gradually reduced with the increase of the latter
+ concentration until it tends to 0 (Fig 4h).</p>
+ <div class="tpic annotation">
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/15.jpg')}}" alt="jpg">
+ <p>Figure 4g</p>
+ </div>
+ <div class="pic-t">
+ <img src="{{ url_for('static', filename = 'images/p1/16.jpg')}}" alt="jpg">
+ <p>Figure 4h</p>
+ </div>
+ </div>
+ <h3 class="l">Reference</h3>
+ <p>[1]Liu, T.Y., Knott, G.J., Smock, D.C.J. et al. Accelerated RNA detection using tandem CRISPR nucleases. Nat
+ Chem Biol 17, 982–988 (2021). https://doi.org/10.1038/s41589-021-00842-2</p>
+ <p>[2]Egholm M, Buchardt O, Christensen L, et al. PNA hybridizes to complementary oligonucleotides obeying the
+ Watson–Crick hydrogen-bonding rules[J]. Nature, 365(6446): 566-568(1993).</p>
+</div>
</div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/safety.html b/wiki/pages/safety.html
index a12952a..f6abe50 100644
--- a/wiki/pages/safety.html
+++ b/wiki/pages/safety.html
@@ -4,47 +4,17 @@
{% block lead %}Describe all the safety issues of your project.{% endblock %}
{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Safety and Security Award</h4>
- <p>Synthetic biology will need to be used safely and securely if local people are to solve local problems all around the world. In 2022, the Safety and Security Committee is challenging teams to apply biological engineering approaches to manage risks associated with synthetic biology. Can you take the next step in incremental progress towards knowledge, understanding, and tools that will make the use of synthetic biology safer and more secure?</p>
- <p>To compete for the Safety and Security award, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
- </div>
- </div>
-</div>
-
-<div class="row mt-4">
- <div class="col">
- <h2>What should this page contain?</h2>
- <hr>
- <p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can go beyond the questions on the safety forms, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
- <div class="bd-callout bd-callout-info">
- <p>Please visit the <a href="https://responsibility.igem.org/safety-policies/introduction">Safety Policies page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
- </div>
- </div>
-</div>
-
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>Safe Project Design</h2>
- <hr>
- <p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
- <ul>
- <li>Choosing a non-pathogenic chassis</li>
- <li>Choosing parts that will not harm humans / animals / plants</li>
- <li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
- <li>Including an "induced lethality" or "kill-switch" device</li>
- </ul>
- </div>
- <div class="col-lg-4">
- <h2>Safe Lab Work</h2>
- <hr>
- <p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
- </div>
+<div class="row display ltext">
+ <h2>Overview:</h2>
+ <p>Inspired by the epidemic, the team is working on the construction of a portable, single-base, amplification-free CRISPR/Cas13&Cas14 nucleic acid detection platform and the application of this technology in the detection of drug-resistant bacteria, based on the basic principles related to the CRISPR/Cas system, and on this page we will show how different measures can be implemented in different situations to ensure that all the development to utilization of relevant aspects of safety from development to utilization.</p>
+ <h2>Biosafety</h2>
+ <p>In building our portable, single-base, amplification-free CRISPR/Cas13&Cas14 nucleic acid detection platform, we have fully considered the factors related to biosafety at this stage. In the face of potential biohazard risks, it is impractical to use viruses or any of their sequences directly in our research, and for this reason, we use microorganisms from the sea for experimental validation.</p>
+ <p>In addition, mainstream nucleic acid detection methods at this stage usually require manual manipulation in the extraction of nucleic acids, amplification and multiple steps, which undoubtedly complicates the detection procedure and may increase the safety risk of residual contamination. However, with the method provided by our project, the purpose of amplification-free, accurate and convenient nucleic acid detection is achieved, thus avoiding other possible safety issues of residual contamination.</p>
+ <h2>Hardware safety</h2>
+ <p>The hardware equipment of this project mainly refers to the enzyme marker, and we designed the material used - polypropylene which can make the instrument smaller and simpler in structure while being safe. At the same time, it has good chemical resistance, heat resistance, electrical insulation, high strength mechanical properties and excellent wear processing properties, which provides a good safety guarantee for our overall testing and subsequent corresponding processing.</p>
+ <p>In addition, taking into account the diversity of user use, we have developed a set of corresponding post-use treatment manual, through this strategy can well avoid the pollution of the hardware for the environment.</p>
+ <h2>Laboratory safety</h2>
+ <p>Safety is a very important aspect when working in the laboratory. For this reason, our team fully complies with the safety and security rules of the iGEM competition. Our team works in a security level 1 lab, which is the minimum security level that is sufficient for all our experiments. To create a safer lab environment for our team members, we categorize reagents and drugs, put dangerous reagents in special storage cabinets, and mark them with warnings. In addition, our instructor helped us develop a detailed lab rulebook that all project members have memorized and successfully passed the lab safety exam with a score above 90, and we maintain a safe lab environment through our actions.</p>
</div>
{% endblock %}
diff --git a/wiki/pages/sustainable.html b/wiki/pages/sustainable.html
deleted file mode 100644
index 500b99a..0000000
--- a/wiki/pages/sustainable.html
+++ /dev/null
@@ -1,33 +0,0 @@
-{% extends "layout.html" %}
-
-{% block title %}Sustainable Development Goals{% endblock %}
-{% block lead %}Describe how you have evaluated your project ideas against one or more of the SDGs.{% endblock %}
-
-{% block page_content %}
-
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-info">
- <h4>Best Sustainable Development Special Prize</h4>
- <p>The Sustainable Development Goals (SDGs) are a call to action to integrally address global environmental, social, and economic challenges. As the future leaders of synthetic biology research and innovation, it’s your responsibility to participate in the global conversations to help develop solutions towards meeting the SDGs. We encourage you to demonstrate how you have evaluated your project ideas against one or more of the SDGs, how you’ve consulted with SDG stakeholders, and how you’ve begun to form collaborations with other iGEM teams around the SDGs. You’re encouraged to look back at previous iGEM projects to evaluate them against the SDGs and build upon them.</p>
- <p>To compete for the Best Best Sustainable Development prize, please describe your work on this page and also fill out the description on the <a href="https://competition.igem.org/deliverables/judging-form">judging form</a>.</p>
- <hr>
- <p>Please see the <a href="https://competition.igem.org/judging/awards">2022 Awards Page</a> for more information.</p>
- </div>
- </div>
-</div>
-
-<div class="row mt-4">
- <div class="col">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="https://2020.igem.org/Team:Calgary/Sustainable">2020 Calgary</a></li>
- <li><a href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Sustainable">2020 Toulouse INSA UPS</a></li>
- <li><a href="https://2020.igem.org/Team:TUDelft/Sustainable">2020 TUDelft</a></li>
- <li><a href="https://2020.igem.org/Team:Lambert_GA/Sustainable">2020 Lambert GA</a></li>
- </ul>
- </div>
-</div>
-
-{% endblock %}
--
GitLab
From da49581d34133eb0b1f8f286dc548fbe3c5d4e96 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Thu, 6 Oct 2022 15:12:02 +0800
Subject: [PATCH 07/35] update
---
wiki/pages/education.html | 2 --
1 file changed, 2 deletions(-)
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index 0d6ffab..1712358 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -210,6 +210,4 @@ with new communities by discussing public values and the science behind syntheti
href="http://parts.igem.org/File:Meetup_brochure.pdf">Meetup brochure.pdf</a></p>
</div>
-</div>
-
{% endblock %}
\ No newline at end of file
--
GitLab
From 2a76167f2fd9da852439c592caa90133f6ed7120 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Thu, 6 Oct 2022 15:37:23 +0800
Subject: [PATCH 08/35] update and debug
---
app.py | 2 +-
static/css/footer.css | 2 +-
static/js/anime.min.js | 8 +++++++
static/js/header.js | 5 ++++
static/js/jquery-3.6.1.min.js | 2 ++
static/js/nav.js | 15 ++++++++++++
static/js/pic-link.js | 45 +++++++++++++++++++++++++++++++++++
static/js/title-list.js | 30 +++++++++++++++++++++++
wiki/pages/education.html | 19 +--------------
wiki/pages/index.html | 6 ++---
wiki/pages/result.html | 0
11 files changed, 111 insertions(+), 23 deletions(-)
create mode 100644 static/js/anime.min.js
create mode 100644 static/js/header.js
create mode 100644 static/js/jquery-3.6.1.min.js
create mode 100644 static/js/nav.js
create mode 100644 static/js/pic-link.js
create mode 100644 static/js/title-list.js
delete mode 100644 wiki/pages/result.html
diff --git a/app.py b/app.py
index 8da8e42..8bb737d 100644
--- a/app.py
+++ b/app.py
@@ -28,7 +28,7 @@ def index():
@app.route('/<page>')
def pages(page):
- return render_template(str(Path('pages') / (page.lower() + '.html')))
+ return render_template(f'pages/{page.lower()}.html')
# Main Function, Runs at http://0.0.0.0:8080
if __name__ == "__main__":
diff --git a/static/css/footer.css b/static/css/footer.css
index 17dc475..d9d2cab 100644
--- a/static/css/footer.css
+++ b/static/css/footer.css
@@ -1,6 +1,6 @@
footer{
height: 100%;
- background: url('https://static.igem.wiki/teams/4223/wiki/b/0.png') no-repeat top center;
+ background: url('https://static.igem.wiki/teams/4223/wiki/b/4.jpg') no-repeat top center;
background-size: 100%;
}
diff --git a/static/js/anime.min.js b/static/js/anime.min.js
new file mode 100644
index 0000000..7696a5b
--- /dev/null
+++ b/static/js/anime.min.js
@@ -0,0 +1,8 @@
+/*
+ * anime.js v3.2.1
+ * (c) 2020 Julian Garnier
+ * Released under the MIT license
+ * animejs.com
+ */
+
+!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):n.anime=e()}(this,function(){"use strict";var n={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},e={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},t=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],r={CSS:{},springs:{}};function a(n,e,t){return Math.min(Math.max(n,e),t)}function o(n,e){return n.indexOf(e)>-1}function u(n,e){return n.apply(null,e)}var i={arr:function(n){return Array.isArray(n)},obj:function(n){return o(Object.prototype.toString.call(n),"Object")},pth:function(n){return i.obj(n)&&n.hasOwnProperty("totalLength")},svg:function(n){return n instanceof SVGElement},inp:function(n){return n instanceof HTMLInputElement},dom:function(n){return n.nodeType||i.svg(n)},str:function(n){return"string"==typeof n},fnc:function(n){return"function"==typeof n},und:function(n){return void 0===n},nil:function(n){return i.und(n)||null===n},hex:function(n){return/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(n)},rgb:function(n){return/^rgb/.test(n)},hsl:function(n){return/^hsl/.test(n)},col:function(n){return i.hex(n)||i.rgb(n)||i.hsl(n)},key:function(t){return!n.hasOwnProperty(t)&&!e.hasOwnProperty(t)&&"targets"!==t&&"keyframes"!==t}};function c(n){var e=/\(([^)]+)\)/.exec(n);return e?e[1].split(",").map(function(n){return parseFloat(n)}):[]}function s(n,e){var t=c(n),o=a(i.und(t[0])?1:t[0],.1,100),u=a(i.und(t[1])?100:t[1],.1,100),s=a(i.und(t[2])?10:t[2],.1,100),f=a(i.und(t[3])?0:t[3],.1,100),l=Math.sqrt(u/o),d=s/(2*Math.sqrt(u*o)),p=d<1?l*Math.sqrt(1-d*d):0,v=1,h=d<1?(d*l-f)/p:-f+l;function g(n){var t=e?e*n/1e3:n;return t=d<1?Math.exp(-t*d*l)*(v*Math.cos(p*t)+h*Math.sin(p*t)):(v+h*t)*Math.exp(-t*l),0===n||1===n?n:1-t}return e?g:function(){var e=r.springs[n];if(e)return e;for(var t=0,a=0;;)if(1===g(t+=1/6)){if(++a>=16)break}else a=0;var o=t*(1/6)*1e3;return r.springs[n]=o,o}}function f(n){return void 0===n&&(n=10),function(e){return Math.ceil(a(e,1e-6,1)*n)*(1/n)}}var l,d,p=function(){var n=11,e=1/(n-1);function t(n,e){return 1-3*e+3*n}function r(n,e){return 3*e-6*n}function a(n){return 3*n}function o(n,e,o){return((t(e,o)*n+r(e,o))*n+a(e))*n}function u(n,e,o){return 3*t(e,o)*n*n+2*r(e,o)*n+a(e)}return function(t,r,a,i){if(0<=t&&t<=1&&0<=a&&a<=1){var c=new Float32Array(n);if(t!==r||a!==i)for(var s=0;s<n;++s)c[s]=o(s*e,t,a);return function(n){return t===r&&a===i?n:0===n||1===n?n:o(f(n),r,i)}}function f(r){for(var i=0,s=1,f=n-1;s!==f&&c[s]<=r;++s)i+=e;var l=i+(r-c[--s])/(c[s+1]-c[s])*e,d=u(l,t,a);return d>=.001?function(n,e,t,r){for(var a=0;a<4;++a){var i=u(e,t,r);if(0===i)return e;e-=(o(e,t,r)-n)/i}return e}(r,l,t,a):0===d?l:function(n,e,t,r,a){for(var u,i,c=0;(u=o(i=e+(t-e)/2,r,a)-n)>0?t=i:e=i,Math.abs(u)>1e-7&&++c<10;);return i}(r,i,i+e,t,a)}}}(),v=(l={linear:function(){return function(n){return n}}},d={Sine:function(){return function(n){return 1-Math.cos(n*Math.PI/2)}},Circ:function(){return function(n){return 1-Math.sqrt(1-n*n)}},Back:function(){return function(n){return n*n*(3*n-2)}},Bounce:function(){return function(n){for(var e,t=4;n<((e=Math.pow(2,--t))-1)/11;);return 1/Math.pow(4,3-t)-7.5625*Math.pow((3*e-2)/22-n,2)}},Elastic:function(n,e){void 0===n&&(n=1),void 0===e&&(e=.5);var t=a(n,1,10),r=a(e,.1,2);return function(n){return 0===n||1===n?n:-t*Math.pow(2,10*(n-1))*Math.sin((n-1-r/(2*Math.PI)*Math.asin(1/t))*(2*Math.PI)/r)}}},["Quad","Cubic","Quart","Quint","Expo"].forEach(function(n,e){d[n]=function(){return function(n){return Math.pow(n,e+2)}}}),Object.keys(d).forEach(function(n){var e=d[n];l["easeIn"+n]=e,l["easeOut"+n]=function(n,t){return function(r){return 1-e(n,t)(1-r)}},l["easeInOut"+n]=function(n,t){return function(r){return r<.5?e(n,t)(2*r)/2:1-e(n,t)(-2*r+2)/2}},l["easeOutIn"+n]=function(n,t){return function(r){return r<.5?(1-e(n,t)(1-2*r))/2:(e(n,t)(2*r-1)+1)/2}}}),l);function h(n,e){if(i.fnc(n))return n;var t=n.split("(")[0],r=v[t],a=c(n);switch(t){case"spring":return s(n,e);case"cubicBezier":return u(p,a);case"steps":return u(f,a);default:return u(r,a)}}function g(n){try{return document.querySelectorAll(n)}catch(n){return}}function m(n,e){for(var t=n.length,r=arguments.length>=2?arguments[1]:void 0,a=[],o=0;o<t;o++)if(o in n){var u=n[o];e.call(r,u,o,n)&&a.push(u)}return a}function y(n){return n.reduce(function(n,e){return n.concat(i.arr(e)?y(e):e)},[])}function b(n){return i.arr(n)?n:(i.str(n)&&(n=g(n)||n),n instanceof NodeList||n instanceof HTMLCollection?[].slice.call(n):[n])}function M(n,e){return n.some(function(n){return n===e})}function x(n){var e={};for(var t in n)e[t]=n[t];return e}function w(n,e){var t=x(n);for(var r in n)t[r]=e.hasOwnProperty(r)?e[r]:n[r];return t}function k(n,e){var t=x(n);for(var r in e)t[r]=i.und(n[r])?e[r]:n[r];return t}function O(n){return i.rgb(n)?(t=/rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(e=n))?"rgba("+t[1]+",1)":e:i.hex(n)?(r=n.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,function(n,e,t,r){return e+e+t+t+r+r}),a=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r),"rgba("+parseInt(a[1],16)+","+parseInt(a[2],16)+","+parseInt(a[3],16)+",1)"):i.hsl(n)?function(n){var e,t,r,a=/hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(n)||/hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(n),o=parseInt(a[1],10)/360,u=parseInt(a[2],10)/100,i=parseInt(a[3],10)/100,c=a[4]||1;function s(n,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?n+6*(e-n)*t:t<.5?e:t<2/3?n+(e-n)*(2/3-t)*6:n}if(0==u)e=t=r=i;else{var f=i<.5?i*(1+u):i+u-i*u,l=2*i-f;e=s(l,f,o+1/3),t=s(l,f,o),r=s(l,f,o-1/3)}return"rgba("+255*e+","+255*t+","+255*r+","+c+")"}(n):void 0;var e,t,r,a}function C(n){var e=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(n);if(e)return e[1]}function P(n,e){return i.fnc(n)?n(e.target,e.id,e.total):n}function I(n,e){return n.getAttribute(e)}function D(n,e,t){if(M([t,"deg","rad","turn"],C(e)))return e;var a=r.CSS[e+t];if(!i.und(a))return a;var o=document.createElement(n.tagName),u=n.parentNode&&n.parentNode!==document?n.parentNode:document.body;u.appendChild(o),o.style.position="absolute",o.style.width=100+t;var c=100/o.offsetWidth;u.removeChild(o);var s=c*parseFloat(e);return r.CSS[e+t]=s,s}function B(n,e,t){if(e in n.style){var r=e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),a=n.style[e]||getComputedStyle(n).getPropertyValue(r)||"0";return t?D(n,a,t):a}}function T(n,e){return i.dom(n)&&!i.inp(n)&&(!i.nil(I(n,e))||i.svg(n)&&n[e])?"attribute":i.dom(n)&&M(t,e)?"transform":i.dom(n)&&"transform"!==e&&B(n,e)?"css":null!=n[e]?"object":void 0}function E(n){if(i.dom(n)){for(var e,t=n.style.transform||"",r=/(\w+)\(([^)]*)\)/g,a=new Map;e=r.exec(t);)a.set(e[1],e[2]);return a}}function F(n,e,t,r){var a,u=o(e,"scale")?1:0+(o(a=e,"translate")||"perspective"===a?"px":o(a,"rotate")||o(a,"skew")?"deg":void 0),i=E(n).get(e)||u;return t&&(t.transforms.list.set(e,i),t.transforms.last=e),r?D(n,i,r):i}function A(n,e,t,r){switch(T(n,e)){case"transform":return F(n,e,r,t);case"css":return B(n,e,t);case"attribute":return I(n,e);default:return n[e]||0}}function N(n,e){var t=/^(\*=|\+=|-=)/.exec(n);if(!t)return n;var r=C(n)||0,a=parseFloat(e),o=parseFloat(n.replace(t[0],""));switch(t[0][0]){case"+":return a+o+r;case"-":return a-o+r;case"*":return a*o+r}}function S(n,e){if(i.col(n))return O(n);if(/\s/g.test(n))return n;var t=C(n),r=t?n.substr(0,n.length-t.length):n;return e?r+e:r}function L(n,e){return Math.sqrt(Math.pow(e.x-n.x,2)+Math.pow(e.y-n.y,2))}function j(n){for(var e,t=n.points,r=0,a=0;a<t.numberOfItems;a++){var o=t.getItem(a);a>0&&(r+=L(e,o)),e=o}return r}function q(n){if(n.getTotalLength)return n.getTotalLength();switch(n.tagName.toLowerCase()){case"circle":return o=n,2*Math.PI*I(o,"r");case"rect":return 2*I(a=n,"width")+2*I(a,"height");case"line":return L({x:I(r=n,"x1"),y:I(r,"y1")},{x:I(r,"x2"),y:I(r,"y2")});case"polyline":return j(n);case"polygon":return t=(e=n).points,j(e)+L(t.getItem(t.numberOfItems-1),t.getItem(0))}var e,t,r,a,o}function H(n,e){var t=e||{},r=t.el||function(n){for(var e=n.parentNode;i.svg(e)&&i.svg(e.parentNode);)e=e.parentNode;return e}(n),a=r.getBoundingClientRect(),o=I(r,"viewBox"),u=a.width,c=a.height,s=t.viewBox||(o?o.split(" "):[0,0,u,c]);return{el:r,viewBox:s,x:s[0]/1,y:s[1]/1,w:u,h:c,vW:s[2],vH:s[3]}}function V(n,e,t){function r(t){void 0===t&&(t=0);var r=e+t>=1?e+t:0;return n.el.getPointAtLength(r)}var a=H(n.el,n.svg),o=r(),u=r(-1),i=r(1),c=t?1:a.w/a.vW,s=t?1:a.h/a.vH;switch(n.property){case"x":return(o.x-a.x)*c;case"y":return(o.y-a.y)*s;case"angle":return 180*Math.atan2(i.y-u.y,i.x-u.x)/Math.PI}}function $(n,e){var t=/[+-]?\d*\.?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/g,r=S(i.pth(n)?n.totalLength:n,e)+"";return{original:r,numbers:r.match(t)?r.match(t).map(Number):[0],strings:i.str(n)||e?r.split(t):[]}}function W(n){return m(n?y(i.arr(n)?n.map(b):b(n)):[],function(n,e,t){return t.indexOf(n)===e})}function X(n){var e=W(n);return e.map(function(n,t){return{target:n,id:t,total:e.length,transforms:{list:E(n)}}})}function Y(n,e){var t=x(e);if(/^spring/.test(t.easing)&&(t.duration=s(t.easing)),i.arr(n)){var r=n.length;2===r&&!i.obj(n[0])?n={value:n}:i.fnc(e.duration)||(t.duration=e.duration/r)}var a=i.arr(n)?n:[n];return a.map(function(n,t){var r=i.obj(n)&&!i.pth(n)?n:{value:n};return i.und(r.delay)&&(r.delay=t?0:e.delay),i.und(r.endDelay)&&(r.endDelay=t===a.length-1?e.endDelay:0),r}).map(function(n){return k(n,t)})}function Z(n,e){var t=[],r=e.keyframes;for(var a in r&&(e=k(function(n){for(var e=m(y(n.map(function(n){return Object.keys(n)})),function(n){return i.key(n)}).reduce(function(n,e){return n.indexOf(e)<0&&n.push(e),n},[]),t={},r=function(r){var a=e[r];t[a]=n.map(function(n){var e={};for(var t in n)i.key(t)?t==a&&(e.value=n[t]):e[t]=n[t];return e})},a=0;a<e.length;a++)r(a);return t}(r),e)),e)i.key(a)&&t.push({name:a,tweens:Y(e[a],n)});return t}function G(n,e){var t;return n.tweens.map(function(r){var a=function(n,e){var t={};for(var r in n){var a=P(n[r],e);i.arr(a)&&1===(a=a.map(function(n){return P(n,e)})).length&&(a=a[0]),t[r]=a}return t.duration=parseFloat(t.duration),t.delay=parseFloat(t.delay),t}(r,e),o=a.value,u=i.arr(o)?o[1]:o,c=C(u),s=A(e.target,n.name,c,e),f=t?t.to.original:s,l=i.arr(o)?o[0]:f,d=C(l)||C(s),p=c||d;return i.und(u)&&(u=f),a.from=$(l,p),a.to=$(N(u,l),p),a.start=t?t.end:0,a.end=a.start+a.delay+a.duration+a.endDelay,a.easing=h(a.easing,a.duration),a.isPath=i.pth(o),a.isPathTargetInsideSVG=a.isPath&&i.svg(e.target),a.isColor=i.col(a.from.original),a.isColor&&(a.round=1),t=a,a})}var Q={css:function(n,e,t){return n.style[e]=t},attribute:function(n,e,t){return n.setAttribute(e,t)},object:function(n,e,t){return n[e]=t},transform:function(n,e,t,r,a){if(r.list.set(e,t),e===r.last||a){var o="";r.list.forEach(function(n,e){o+=e+"("+n+") "}),n.style.transform=o}}};function z(n,e){X(n).forEach(function(n){for(var t in e){var r=P(e[t],n),a=n.target,o=C(r),u=A(a,t,o,n),i=N(S(r,o||C(u)),u),c=T(a,t);Q[c](a,t,i,n.transforms,!0)}})}function _(n,e){return m(y(n.map(function(n){return e.map(function(e){return function(n,e){var t=T(n.target,e.name);if(t){var r=G(e,n),a=r[r.length-1];return{type:t,property:e.name,animatable:n,tweens:r,duration:a.end,delay:r[0].delay,endDelay:a.endDelay}}}(n,e)})})),function(n){return!i.und(n)})}function R(n,e){var t=n.length,r=function(n){return n.timelineOffset?n.timelineOffset:0},a={};return a.duration=t?Math.max.apply(Math,n.map(function(n){return r(n)+n.duration})):e.duration,a.delay=t?Math.min.apply(Math,n.map(function(n){return r(n)+n.delay})):e.delay,a.endDelay=t?a.duration-Math.max.apply(Math,n.map(function(n){return r(n)+n.duration-n.endDelay})):e.endDelay,a}var J=0;var K=[],U=function(){var n;function e(t){for(var r=K.length,a=0;a<r;){var o=K[a];o.paused?(K.splice(a,1),r--):(o.tick(t),a++)}n=a>0?requestAnimationFrame(e):void 0}return"undefined"!=typeof document&&document.addEventListener("visibilitychange",function(){en.suspendWhenDocumentHidden&&(nn()?n=cancelAnimationFrame(n):(K.forEach(function(n){return n._onDocumentVisibility()}),U()))}),function(){n||nn()&&en.suspendWhenDocumentHidden||!(K.length>0)||(n=requestAnimationFrame(e))}}();function nn(){return!!document&&document.hidden}function en(t){void 0===t&&(t={});var r,o=0,u=0,i=0,c=0,s=null;function f(n){var e=window.Promise&&new Promise(function(n){return s=n});return n.finished=e,e}var l,d,p,v,h,g,y,b,M=(d=w(n,l=t),p=w(e,l),v=Z(p,l),h=X(l.targets),g=_(h,v),y=R(g,p),b=J,J++,k(d,{id:b,children:[],animatables:h,animations:g,duration:y.duration,delay:y.delay,endDelay:y.endDelay}));f(M);function x(){var n=M.direction;"alternate"!==n&&(M.direction="normal"!==n?"normal":"reverse"),M.reversed=!M.reversed,r.forEach(function(n){return n.reversed=M.reversed})}function O(n){return M.reversed?M.duration-n:n}function C(){o=0,u=O(M.currentTime)*(1/en.speed)}function P(n,e){e&&e.seek(n-e.timelineOffset)}function I(n){for(var e=0,t=M.animations,r=t.length;e<r;){var o=t[e],u=o.animatable,i=o.tweens,c=i.length-1,s=i[c];c&&(s=m(i,function(e){return n<e.end})[0]||s);for(var f=a(n-s.start-s.delay,0,s.duration)/s.duration,l=isNaN(f)?1:s.easing(f),d=s.to.strings,p=s.round,v=[],h=s.to.numbers.length,g=void 0,y=0;y<h;y++){var b=void 0,x=s.to.numbers[y],w=s.from.numbers[y]||0;b=s.isPath?V(s.value,l*x,s.isPathTargetInsideSVG):w+l*(x-w),p&&(s.isColor&&y>2||(b=Math.round(b*p)/p)),v.push(b)}var k=d.length;if(k){g=d[0];for(var O=0;O<k;O++){d[O];var C=d[O+1],P=v[O];isNaN(P)||(g+=C?P+C:P+" ")}}else g=v[0];Q[o.type](u.target,o.property,g,u.transforms),o.currentValue=g,e++}}function D(n){M[n]&&!M.passThrough&&M[n](M)}function B(n){var e=M.duration,t=M.delay,l=e-M.endDelay,d=O(n);M.progress=a(d/e*100,0,100),M.reversePlayback=d<M.currentTime,r&&function(n){if(M.reversePlayback)for(var e=c;e--;)P(n,r[e]);else for(var t=0;t<c;t++)P(n,r[t])}(d),!M.began&&M.currentTime>0&&(M.began=!0,D("begin")),!M.loopBegan&&M.currentTime>0&&(M.loopBegan=!0,D("loopBegin")),d<=t&&0!==M.currentTime&&I(0),(d>=l&&M.currentTime!==e||!e)&&I(e),d>t&&d<l?(M.changeBegan||(M.changeBegan=!0,M.changeCompleted=!1,D("changeBegin")),D("change"),I(d)):M.changeBegan&&(M.changeCompleted=!0,M.changeBegan=!1,D("changeComplete")),M.currentTime=a(d,0,e),M.began&&D("update"),n>=e&&(u=0,M.remaining&&!0!==M.remaining&&M.remaining--,M.remaining?(o=i,D("loopComplete"),M.loopBegan=!1,"alternate"===M.direction&&x()):(M.paused=!0,M.completed||(M.completed=!0,D("loopComplete"),D("complete"),!M.passThrough&&"Promise"in window&&(s(),f(M)))))}return M.reset=function(){var n=M.direction;M.passThrough=!1,M.currentTime=0,M.progress=0,M.paused=!0,M.began=!1,M.loopBegan=!1,M.changeBegan=!1,M.completed=!1,M.changeCompleted=!1,M.reversePlayback=!1,M.reversed="reverse"===n,M.remaining=M.loop,r=M.children;for(var e=c=r.length;e--;)M.children[e].reset();(M.reversed&&!0!==M.loop||"alternate"===n&&1===M.loop)&&M.remaining++,I(M.reversed?M.duration:0)},M._onDocumentVisibility=C,M.set=function(n,e){return z(n,e),M},M.tick=function(n){i=n,o||(o=i),B((i+(u-o))*en.speed)},M.seek=function(n){B(O(n))},M.pause=function(){M.paused=!0,C()},M.play=function(){M.paused&&(M.completed&&M.reset(),M.paused=!1,K.push(M),C(),U())},M.reverse=function(){x(),M.completed=!M.reversed,C()},M.restart=function(){M.reset(),M.play()},M.remove=function(n){rn(W(n),M)},M.reset(),M.autoplay&&M.play(),M}function tn(n,e){for(var t=e.length;t--;)M(n,e[t].animatable.target)&&e.splice(t,1)}function rn(n,e){var t=e.animations,r=e.children;tn(n,t);for(var a=r.length;a--;){var o=r[a],u=o.animations;tn(n,u),u.length||o.children.length||r.splice(a,1)}t.length||r.length||e.pause()}return en.version="3.2.1",en.speed=1,en.suspendWhenDocumentHidden=!0,en.running=K,en.remove=function(n){for(var e=W(n),t=K.length;t--;)rn(e,K[t])},en.get=A,en.set=z,en.convertPx=D,en.path=function(n,e){var t=i.str(n)?g(n)[0]:n,r=e||100;return function(n){return{property:n,el:t,svg:H(t),totalLength:q(t)*(r/100)}}},en.setDashoffset=function(n){var e=q(n);return n.setAttribute("stroke-dasharray",e),e},en.stagger=function(n,e){void 0===e&&(e={});var t=e.direction||"normal",r=e.easing?h(e.easing):null,a=e.grid,o=e.axis,u=e.from||0,c="first"===u,s="center"===u,f="last"===u,l=i.arr(n),d=l?parseFloat(n[0]):parseFloat(n),p=l?parseFloat(n[1]):0,v=C(l?n[1]:n)||0,g=e.start||0+(l?d:0),m=[],y=0;return function(n,e,i){if(c&&(u=0),s&&(u=(i-1)/2),f&&(u=i-1),!m.length){for(var h=0;h<i;h++){if(a){var b=s?(a[0]-1)/2:u%a[0],M=s?(a[1]-1)/2:Math.floor(u/a[0]),x=b-h%a[0],w=M-Math.floor(h/a[0]),k=Math.sqrt(x*x+w*w);"x"===o&&(k=-x),"y"===o&&(k=-w),m.push(k)}else m.push(Math.abs(u-h));y=Math.max.apply(Math,m)}r&&(m=m.map(function(n){return r(n/y)*y})),"reverse"===t&&(m=m.map(function(n){return o?n<0?-1*n:-n:Math.abs(y-n)}))}return g+(l?(p-d)/y:d)*(Math.round(100*m[e])/100)+v}},en.timeline=function(n){void 0===n&&(n={});var t=en(n);return t.duration=0,t.add=function(r,a){var o=K.indexOf(t),u=t.children;function c(n){n.passThrough=!0}o>-1&&K.splice(o,1);for(var s=0;s<u.length;s++)c(u[s]);var f=k(r,w(e,n));f.targets=f.targets||n.targets;var l=t.duration;f.autoplay=!1,f.direction=t.direction,f.timelineOffset=i.und(a)?l:N(a,l),c(t),t.seek(f.timelineOffset);var d=en(f);c(d),u.push(d);var p=R(u,n);return t.delay=p.delay,t.endDelay=p.endDelay,t.duration=p.duration,t.seek(0),t.reset(),t.autoplay&&t.play(),t},t},en.easing=h,en.penner=v,en.random=function(n,e){return Math.floor(Math.random()*(e-n+1))+n},en});
\ No newline at end of file
diff --git a/static/js/header.js b/static/js/header.js
new file mode 100644
index 0000000..3c12764
--- /dev/null
+++ b/static/js/header.js
@@ -0,0 +1,5 @@
+var headerTitle = document.querySelector('.header-title');
+if (headerTitle.clientWidth == 0){
+ headerTitle.classList.remove('header-title');
+ headerTitle.classList.add('header-back');
+}
\ No newline at end of file
diff --git a/static/js/jquery-3.6.1.min.js b/static/js/jquery-3.6.1.min.js
new file mode 100644
index 0000000..2c69bc9
--- /dev/null
+++ b/static/js/jquery-3.6.1.min.js
@@ -0,0 +1,2 @@
+/*! jQuery v3.6.1 | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,y=n.hasOwnProperty,a=y.toString,l=a.call(Object),v={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},E=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||E).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.1",S=function(e,t){return new S.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}S.fn=S.prototype={jquery:f,constructor:S,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=S.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return S.each(this,e)},map:function(n){return this.pushStack(S.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(S.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(S.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},S.extend=S.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||m(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(S.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||S.isPlainObject(n)?n:{},i=!1,a[t]=S.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},S.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=y.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){b(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(p(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(p(Object(e))?S.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(p(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return g(a)},guid:1,support:v}),"function"==typeof Symbol&&(S.fn[Symbol.iterator]=t[Symbol.iterator]),S.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var d=function(n){var e,d,b,o,i,h,f,g,w,u,l,T,C,a,E,y,s,c,v,S="sizzle"+1*new Date,p=n.document,k=0,r=0,m=ue(),x=ue(),A=ue(),N=ue(),j=function(e,t){return e===t&&(l=!0),0},D={}.hasOwnProperty,t=[],q=t.pop,L=t.push,H=t.push,O=t.slice,P=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},R="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",M="[\\x20\\t\\r\\n\\f]",I="(?:\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",W="\\["+M+"*("+I+")(?:"+M+"*([*^$|!~]?=)"+M+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+I+"))|)"+M+"*\\]",F=":("+I+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+W+")*)|.*)\\)|)",$=new RegExp(M+"+","g"),B=new RegExp("^"+M+"+|((?:^|[^\\\\])(?:\\\\.)*)"+M+"+$","g"),_=new RegExp("^"+M+"*,"+M+"*"),z=new RegExp("^"+M+"*([>+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&v(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!y||!y.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ve(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace(B,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ye(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ve(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],y=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="<a id='"+S+"'></a><select id='"+S+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||y.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||y.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||y.push(".#.+[+~]"),e.querySelectorAll("\\\f"),y.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),y=y.length&&new RegExp(y.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),v=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&v(p,e)?-1:t==C||t.ownerDocument==p&&v(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!y||!y.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0<se(t,C,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!=C&&T(e),v(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!=C&&T(e);var n=b.attrHandle[t.toLowerCase()],r=n&&D.call(b.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:d.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!d.detectDuplicates,u=!d.sortStable&&e.slice(0),e.sort(j),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(b=se.selectors={cacheLength:50,createPseudo:le,match:G,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace($," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,y){var v="nth"!==h.slice(0,3),m="last"!==h.slice(-4),x="of-type"===e;return 1===g&&0===y?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=v!==m?"nextSibling":"previousSibling",c=e.parentNode,f=x&&e.nodeName.toLowerCase(),p=!n&&!x,d=!1;if(c){if(v){while(l){a=e;while(a=a[l])if(x?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&p){d=(s=(r=(i=(o=(a=c)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if(1===a.nodeType&&++d&&a===e){i[h]=[k,s,d];break}}else if(p&&(d=s=(r=(i=(o=(a=e)[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===k&&r[1]),!1===d)while(a=++s&&a&&a[l]||(d=s=0)||u.pop())if((x?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++d&&(p&&((i=(o=a[S]||(a[S]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[k,d]),a===e))break;return(d-=y)===g||d%g==0&&0<=d/g}}},PSEUDO:function(e,o){var t,a=b.pseudos[e]||b.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[S]?a(o):1<a.length?(t=[e,e,"",o],b.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=P(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace(B,"$1"));return s[S]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return V.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===C.activeElement&&(!C.hasFocus||C.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!b.pseudos.empty(e)},header:function(e){return J.test(e.nodeName)},input:function(e){return Q.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ye(function(){return[0]}),last:ye(function(e,t){return[t-1]}),eq:ye(function(e,t,n){return[n<0?n+t:n]}),even:ye(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ye(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ye(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ye(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=b.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})b.pseudos[e]=de(e);for(e in{submit:!0,reset:!0})b.pseudos[e]=he(e);function me(){}function xe(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function be(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,p=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[k,p];if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[S]||(e[S]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===k&&r[1]===p)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Te(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Ce(d,h,g,y,v,e){return y&&!y[S]&&(y=Ce(y)),v&&!v[S]&&(v=Ce(v,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!d||!e&&h?c:Te(c,s,d,n,r),p=g?v||(e?d:l||y)?[]:t:f;if(g&&g(f,p,n,r),y){i=Te(p,u),y(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(p[u[o]]=!(f[u[o]]=a))}if(e){if(v||d){if(v){i=[],o=p.length;while(o--)(a=p[o])&&i.push(f[o]=a);v(null,p=[],i,r)}o=p.length;while(o--)(a=p[o])&&-1<(i=v?P(e,a):s[o])&&(e[i]=!(t[i]=a))}}else p=Te(p===t?p.splice(l,p.length):p),v?v(null,t,p,r):H.apply(t,p)})}function Ee(e){for(var i,t,n,r=e.length,o=b.relative[e[0].type],a=o||b.relative[" "],s=o?1:0,u=be(function(e){return e===i},a,!0),l=be(function(e){return-1<P(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=b.relative[e[s].type])c=[be(we(c),t)];else{if((t=b.filter[e[s].type].apply(null,e[s].matches))[S]){for(n=++s;n<r;n++)if(b.relative[e[n].type])break;return Ce(1<s&&we(c),1<s&&xe(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace(B,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&xe(e))}c.push(t)}return we(c)}return me.prototype=b.filters=b.pseudos,b.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=x[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=b.preFilter;while(a){for(o in n&&!(r=_.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=z.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace(B," ")}),a=a.slice(n.length)),b.filter)!(r=G[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):x(e,s).slice(0)},f=se.compile=function(e,t){var n,y,v,m,x,r,i=[],o=[],a=A[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Ee(t[n]))[S]?i.push(a):o.push(a);(a=A(e,(y=o,m=0<(v=i).length,x=0<y.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],p=w,d=e||x&&b.find.TAG("*",i),h=k+=null==p?1:Math.random()||.1,g=d.length;for(i&&(w=t==C||t||i);l!==g&&null!=(o=d[l]);l++){if(x&&o){a=0,t||o.ownerDocument==C||(T(o),n=!E);while(s=y[a++])if(s(o,t||C,n)){r.push(o);break}i&&(k=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=v[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=q.call(r));f=Te(f)}H.apply(r,f),i&&!e&&0<f.length&&1<u+v.length&&se.uniqueSort(r)}return i&&(k=h,w=p),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&b.relative[o[1].type]){if(!(t=(b.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=G.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],b.relative[s=a.type])break;if((u=b.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ve(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&xe(o)))return H.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ve(t.parentNode)||t),n},d.sortStable=S.split("").sort(j).join("")===S,d.detectDuplicates=!!l,T(),d.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(C.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),d.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(R,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(C);S.find=d,S.expr=d.selectors,S.expr[":"]=S.expr.pseudos,S.uniqueSort=S.unique=d.uniqueSort,S.text=d.getText,S.isXMLDoc=d.isXML,S.contains=d.contains,S.escapeSelector=d.escape;var h=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&S(e).is(n))break;r.push(e)}return r},T=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},k=S.expr.match.needsContext;function A(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var N=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1<i.call(n,e)!==r}):S.filter(n,e,r)}S.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?S.find.matchesSelector(r,e)?[r]:[]:S.find.matches(e,S.grep(t,function(e){return 1===e.nodeType}))},S.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(S(e).filter(function(){for(t=0;t<r;t++)if(S.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)S.find(e,i[t],n);return 1<r?S.uniqueSort(n):n},filter:function(e){return this.pushStack(j(this,e||[],!1))},not:function(e){return this.pushStack(j(this,e||[],!0))},is:function(e){return!!j(this,"string"==typeof e&&k.test(e)?S(e):e||[],!1).length}});var D,q=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(S.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&S(e);if(!k.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&S.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?S.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(S(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(S.uniqueSort(S.merge(this.get(),S(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),S.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return h(e,"parentNode")},parentsUntil:function(e,t,n){return h(e,"parentNode",n)},next:function(e){return O(e,"nextSibling")},prev:function(e){return O(e,"previousSibling")},nextAll:function(e){return h(e,"nextSibling")},prevAll:function(e){return h(e,"previousSibling")},nextUntil:function(e,t,n){return h(e,"nextSibling",n)},prevUntil:function(e,t,n){return h(e,"previousSibling",n)},siblings:function(e){return T((e.parentNode||{}).firstChild,e)},children:function(e){return T(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(A(e,"template")&&(e=e.content||e),S.merge([],e.childNodes))}},function(r,i){S.fn[r]=function(e,t){var n=S.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=S.filter(t,n)),1<this.length&&(H[r]||S.uniqueSort(n),L.test(r)&&n.reverse()),this.pushStack(n)}});var P=/[^\x20\t\r\n\f]+/g;function R(e){return e}function M(e){throw e}function I(e,t,n,r){var i;try{e&&m(i=e.promise)?i.call(e).done(t).fail(n):e&&m(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}S.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},S.each(e.match(P)||[],function(e,t){n[t]=!0}),n):S.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){S.each(e,function(e,t){m(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==w(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return S.each(arguments,function(e,t){var n;while(-1<(n=S.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<S.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},S.extend({Deferred:function(e){var o=[["notify","progress",S.Callbacks("memory"),S.Callbacks("memory"),2],["resolve","done",S.Callbacks("once memory"),S.Callbacks("once memory"),0,"resolved"],["reject","fail",S.Callbacks("once memory"),S.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return S.Deferred(function(r){S.each(o,function(e,t){var n=m(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&m(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,m(t)?s?t.call(e,l(u,o,R,s),l(u,o,M,s)):(u++,t.call(e,l(u,o,R,s),l(u,o,M,s),l(u,o,R,o.notifyWith))):(a!==R&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){S.Deferred.exceptionHook&&S.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==M&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(S.Deferred.getStackHook&&(t.stackTrace=S.Deferred.getStackHook()),C.setTimeout(t))}}return S.Deferred(function(e){o[0][3].add(l(0,e,m(r)?r:R,e.notifyWith)),o[1][3].add(l(0,e,m(t)?t:R)),o[2][3].add(l(0,e,m(n)?n:M))}).promise()},promise:function(e){return null!=e?S.extend(e,a):a}},s={};return S.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=S.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(I(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||m(i[t]&&i[t].then)))return o.then();while(t--)I(i[t],a(t),o.reject);return o.promise()}});var W=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;S.Deferred.exceptionHook=function(e,t){C.console&&C.console.warn&&e&&W.test(e.name)&&C.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},S.readyException=function(e){C.setTimeout(function(){throw e})};var F=S.Deferred();function $(){E.removeEventListener("DOMContentLoaded",$),C.removeEventListener("load",$),S.ready()}S.fn.ready=function(e){return F.then(e)["catch"](function(e){S.readyException(e)}),this},S.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--S.readyWait:S.isReady)||(S.isReady=!0)!==e&&0<--S.readyWait||F.resolveWith(E,[S])}}),S.ready.then=F.then,"complete"===E.readyState||"loading"!==E.readyState&&!E.documentElement.doScroll?C.setTimeout(S.ready):(E.addEventListener("DOMContentLoaded",$),C.addEventListener("load",$));var B=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===w(n))for(s in i=!0,n)B(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,m(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(S(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},_=/^-ms-/,z=/-([a-z])/g;function U(e,t){return t.toUpperCase()}function X(e){return e.replace(_,"ms-").replace(z,U)}var V=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function G(){this.expando=S.expando+G.uid++}G.uid=1,G.prototype={cache:function(e){var t=e[this.expando];return t||(t={},V(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[X(t)]=n;else for(r in t)i[X(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][X(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(X):(t=X(t))in r?[t]:t.match(P)||[]).length;while(n--)delete r[t[n]]}(void 0===t||S.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!S.isEmptyObject(t)}};var Y=new G,Q=new G,J=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,K=/[A-Z]/g;function Z(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(K,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:J.test(i)?JSON.parse(i):i)}catch(e){}Q.set(e,t,n)}else n=void 0;return n}S.extend({hasData:function(e){return Q.hasData(e)||Y.hasData(e)},data:function(e,t,n){return Q.access(e,t,n)},removeData:function(e,t){Q.remove(e,t)},_data:function(e,t,n){return Y.access(e,t,n)},_removeData:function(e,t){Y.remove(e,t)}}),S.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=Q.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=X(r.slice(5)),Z(o,r,i[r]));Y.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){Q.set(this,n)}):B(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=Q.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;this.each(function(){Q.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){Q.remove(this,e)})}}),S.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,S.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=S.queue(e,t),r=n.length,i=n.shift(),o=S._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){S.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:S.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n])})})}}),S.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?S.queue(this[0],t):void 0===n?this:this.each(function(){var e=S.queue(this,t,n);S._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&S.dequeue(this,t)})},dequeue:function(e){return this.each(function(){S.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=S.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=E.documentElement,ie=function(e){return S.contains(e.ownerDocument,e)},oe={composed:!0};re.getRootNode&&(ie=function(e){return S.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument});var ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===S.css(e,"display")};function se(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return S.css(e,t,"")},u=s(),l=n&&n[3]||(S.cssNumber[t]?"":"px"),c=e.nodeType&&(S.cssNumber[t]||"px"!==l&&+u)&&te.exec(S.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)S.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,S.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}var ue={};function le(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=ue[s])||(o=a.body.appendChild(a.createElement(s)),u=S.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),ue[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}S.fn.extend({show:function(){return le(this,!0)},hide:function(){return le(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?S(this).show():S(this).hide()})}});var ce,fe,pe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),v.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="<textarea>x</textarea>",v.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="<option></option>",v.option=!!ce.lastChild;var ge={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n<r;n++)Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"))}ge.tbody=ge.tfoot=ge.colgroup=ge.caption=ge.thead,ge.th=ge.td,v.option||(ge.optgroup=ge.option=[1,"<select multiple='multiple'>","</select>"]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d<h;d++)if((o=e[d])||0===o)if("object"===w(o))S.merge(p,o.nodeType?[o]:o);else if(me.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=ge[s]||ge._default,a.innerHTML=u[1]+S.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;S.merge(p,a.childNodes),(a=f.firstChild).textContent=""}else p.push(t.createTextNode(o));f.textContent="",d=0;while(o=p[d++])if(r&&-1<S.inArray(o,r))i&&i.push(o);else if(l=ie(o),a=ye(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])he.test(o.type||"")&&n.push(o)}return f}var be=/^([^.]*)(?:\.(.+)|)/;function we(){return!0}function Te(){return!1}function Ce(e,t){return e===function(){try{return E.activeElement}catch(e){}}()==("focus"===t)}function Ee(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Ee(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=Te;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return S().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=S.guid++)),e.each(function(){S.event.add(this,t,i,r,n)})}function Se(e,i,o){o?(Y.set(e,i,!1),S.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(S.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n&&n.value}else r.length&&(Y.set(this,i,{value:S.event.trigger(S.extend(r[0],S.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Y.get(e,i)&&S.event.add(e,i,we)}S.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=Y.get(t);if(V(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&S.find.matchesSelector(re,i),n.guid||(n.guid=S.guid++),(u=y.events)||(u=y.events=Object.create(null)),(a=y.handle)||(a=y.handle=function(e){return"undefined"!=typeof S&&S.event.triggered!==e.type?S.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(P)||[""]).length;while(l--)d=g=(s=be.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),d&&(f=S.event.special[d]||{},d=(i?f.delegateType:f.bindType)||d,f=S.event.special[d]||{},c=S.extend({type:d,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&S.expr.match.needsContext.test(i),namespace:h.join(".")},o),(p=u[d])||((p=u[d]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(d,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?p.splice(p.delegateCount++,0,c):p.push(c),S.event.global[d]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,p,d,h,g,y=Y.hasData(e)&&Y.get(e);if(y&&(u=y.events)){l=(t=(t||"").match(P)||[""]).length;while(l--)if(d=g=(s=be.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),d){f=S.event.special[d]||{},p=u[d=(r?f.delegateType:f.bindType)||d]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=p.length;while(o--)c=p[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(p.splice(o,1),c.selector&&p.delegateCount--,f.remove&&f.remove.call(e,c));a&&!p.length&&(f.teardown&&!1!==f.teardown.call(e,h,y.handle)||S.removeEvent(e,d,y.handle),delete u[d])}else for(d in u)S.event.remove(e,d+t[l],n,r,!0);S.isEmptyObject(u)&&Y.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=S.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=S.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=S.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((S.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<S(i,this).index(l):S.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(S.Event.prototype,t,{enumerable:!0,configurable:!0,get:m(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[S.expando]?e:new S.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click",we),!1},trigger:function(e){var t=this||e;return pe.test(t.type)&&t.click&&A(t,"input")&&Se(t,"click"),!0},_default:function(e){var t=e.target;return pe.test(t.type)&&t.click&&A(t,"input")&&Y.get(t,"click")||A(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},S.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},S.Event=function(e,t){if(!(this instanceof S.Event))return new S.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?we:Te,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&S.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[S.expando]=!0},S.Event.prototype={constructor:S.Event,isDefaultPrevented:Te,isPropagationStopped:Te,isImmediatePropagationStopped:Te,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=we,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=we,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=we,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},S.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},S.event.addProp),S.each({focus:"focusin",blur:"focusout"},function(t,e){S.event.special[t]={setup:function(){return Se(this,t,Ce),!1},trigger:function(){return Se(this,t),!0},_default:function(e){return Y.get(e.target,t)},delegateType:e}}),S.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){S.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||S.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),S.fn.extend({on:function(e,t,n,r){return Ee(this,e,t,n,r)},one:function(e,t,n,r){return Ee(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,S(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=Te),this.each(function(){S.event.remove(this,e,n,t)})}});var ke=/<script|<style|<link/i,Ae=/checked\s*(?:[^=]|=\s*.checked.)/i,Ne=/^\s*<!\[CDATA\[|\]\]>\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)S.event.add(t,i,s[i][n]);Q.hasData(e)&&(o=Q.access(e),a=S.extend({},o),Q.set(t,a))}}function He(n,r,i,o){r=g(r);var e,t,a,s,u,l,c=0,f=n.length,p=f-1,d=r[0],h=m(d);if(h||1<f&&"string"==typeof d&&!v.checkClone&&Ae.test(d))return n.each(function(e){var t=n.eq(e);h&&(r[0]=d.call(this,e,t.html())),He(t,r,i,o)});if(f&&(t=(e=xe(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=S.map(ye(e,"script"),De)).length;c<f;c++)u=e,c!==p&&(u=S.clone(u,!0,!0),s&&S.merge(a,ye(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,S.map(a,qe),c=0;c<s;c++)u=a[c],he.test(u.type||"")&&!Y.access(u,"globalEval")&&S.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?S._evalUrl&&!u.noModule&&S._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):b(u.textContent.replace(Ne,""),u,l))}return n}function Oe(e,t,n){for(var r,i=t?S.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||S.cleanData(ye(r)),r.parentNode&&(n&&ie(r)&&ve(ye(r,"script")),r.parentNode.removeChild(r));return e}S.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(v.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||S.isXMLDoc(e)))for(a=ye(c),r=0,i=(o=ye(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&pe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ye(e),a=a||ye(c),r=0,i=o.length;r<i;r++)Le(o[r],a[r]);else Le(e,c);return 0<(a=ye(c,"script")).length&&ve(a,!f&&ye(e,"script")),c},cleanData:function(e){for(var t,n,r,i=S.event.special,o=0;void 0!==(n=e[o]);o++)if(V(n)){if(t=n[Y.expando]){if(t.events)for(r in t.events)i[r]?S.event.remove(n,r):S.removeEvent(n,r,t.handle);n[Y.expando]=void 0}n[Q.expando]&&(n[Q.expando]=void 0)}}}),S.fn.extend({detach:function(e){return Oe(this,e,!0)},remove:function(e){return Oe(this,e)},text:function(e){return B(this,function(e){return void 0===e?S.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return He(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||je(this,e).appendChild(e)})},prepend:function(){return He(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=je(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return He(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(S.cleanData(ye(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return S.clone(this,e,t)})},html:function(e){return B(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!ke.test(e)&&!ge[(de.exec(e)||["",""])[1].toLowerCase()]){e=S.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(S.cleanData(ye(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return He(this,arguments,function(e){var t=this.parentNode;S.inArray(this,n)<0&&(S.cleanData(ye(this)),t&&t.replaceChild(e,this))},n)}}),S.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){S.fn[e]=function(e){for(var t,n=[],r=S(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),S(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var Pe=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),Re=/^--/,Me=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=C),t.getComputedStyle(e)},Ie=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},We=new RegExp(ne.join("|"),"i"),Fe="[\\x20\\t\\r\\n\\f]",$e=new RegExp("^"+Fe+"+|((?:^|[^\\\\])(?:\\\\.)*)"+Fe+"+$","g");function Be(e,t,n){var r,i,o,a,s=Re.test(t),u=e.style;return(n=n||Me(e))&&(a=n.getPropertyValue(t)||n[t],s&&(a=a.replace($e,"$1")),""!==a||ie(e)||(a=S.style(e,t)),!v.pixelBoxStyles()&&Pe.test(a)&&We.test(t)&&(r=u.width,i=u.minWidth,o=u.maxWidth,u.minWidth=u.maxWidth=u.width=a,a=n.width,u.width=r,u.minWidth=i,u.maxWidth=o)),void 0!==a?a+"":a}function _e(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);var e=C.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=E.createElement("div"),l=E.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",v.clearCloneStyle="content-box"===l.style.backgroundClip,S.extend(v,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=E.createElement("table"),t=E.createElement("tr"),n=E.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",re.appendChild(e).appendChild(t).appendChild(n),r=C.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,re.removeChild(e)),a}}))}();var ze=["Webkit","Moz","ms"],Ue=E.createElement("div").style,Xe={};function Ve(e){var t=S.cssProps[e]||Xe[e];return t||(e in Ue?e:Xe[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=ze.length;while(n--)if((e=ze[n]+t)in Ue)return e}(e)||e)}var Ge=/^(none|table(?!-c[ea]).+)/,Ye={position:"absolute",visibility:"hidden",display:"block"},Qe={letterSpacing:"0",fontWeight:"400"};function Je(e,t,n){var r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function Ke(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=S.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=S.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=S.css(e,"border"+ne[a]+"Width",!0,i))):(u+=S.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=S.css(e,"border"+ne[a]+"Width",!0,i):s+=S.css(e,"border"+ne[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function Ze(e,t,n){var r=Me(e),i=(!v.boxSizingReliable()||n)&&"border-box"===S.css(e,"boxSizing",!1,r),o=i,a=Be(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Pe.test(a)){if(!n)return a;a="auto"}return(!v.boxSizingReliable()&&i||!v.reliableTrDimensions()&&A(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===S.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===S.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Ke(e,t,n||(i?"border":"content"),o,r,a)+"px"}function et(e,t,n,r,i){return new et.prototype.init(e,t,n,r,i)}S.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Be(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=X(t),u=Re.test(t),l=e.style;if(u||(t=Ve(s)),a=S.cssHooks[t]||S.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=se(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(S.cssNumber[s]?"":"px")),v.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=X(t);return Re.test(t)||(t=Ve(s)),(a=S.cssHooks[t]||S.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Be(e,t,r)),"normal"===i&&t in Qe&&(i=Qe[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),S.each(["height","width"],function(e,u){S.cssHooks[u]={get:function(e,t,n){if(t)return!Ge.test(S.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Ze(e,u,n):Ie(e,Ye,function(){return Ze(e,u,n)})},set:function(e,t,n){var r,i=Me(e),o=!v.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===S.css(e,"boxSizing",!1,i),s=n?Ke(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Ke(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=S.css(e,u)),Je(0,t,s)}}}),S.cssHooks.marginLeft=_e(v.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Be(e,"marginLeft"))||e.getBoundingClientRect().left-Ie(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),S.each({margin:"",padding:"",border:"Width"},function(i,o){S.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+ne[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(S.cssHooks[i+o].set=Je)}),S.fn.extend({css:function(e,t){return B(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=Me(e),i=t.length;a<i;a++)o[t[a]]=S.css(e,t[a],!1,r);return o}return void 0!==n?S.style(e,t,n):S.css(e,t)},e,t,1<arguments.length)}}),((S.Tween=et).prototype={constructor:et,init:function(e,t,n,r,i,o){this.elem=e,this.prop=n,this.easing=i||S.easing._default,this.options=t,this.start=this.now=this.cur(),this.end=r,this.unit=o||(S.cssNumber[n]?"":"px")},cur:function(){var e=et.propHooks[this.prop];return e&&e.get?e.get(this):et.propHooks._default.get(this)},run:function(e){var t,n=et.propHooks[this.prop];return this.options.duration?this.pos=t=S.easing[this.easing](e,this.options.duration*e,0,1,this.options.duration):this.pos=t=e,this.now=(this.end-this.start)*t+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),n&&n.set?n.set(this):et.propHooks._default.set(this),this}}).init.prototype=et.prototype,(et.propHooks={_default:{get:function(e){var t;return 1!==e.elem.nodeType||null!=e.elem[e.prop]&&null==e.elem.style[e.prop]?e.elem[e.prop]:(t=S.css(e.elem,e.prop,""))&&"auto"!==t?t:0},set:function(e){S.fx.step[e.prop]?S.fx.step[e.prop](e):1!==e.elem.nodeType||!S.cssHooks[e.prop]&&null==e.elem.style[Ve(e.prop)]?e.elem[e.prop]=e.now:S.style(e.elem,e.prop,e.now+e.unit)}}}).scrollTop=et.propHooks.scrollLeft={set:function(e){e.elem.nodeType&&e.elem.parentNode&&(e.elem[e.prop]=e.now)}},S.easing={linear:function(e){return e},swing:function(e){return.5-Math.cos(e*Math.PI)/2},_default:"swing"},S.fx=et.prototype.init,S.fx.step={};var tt,nt,rt,it,ot=/^(?:toggle|show|hide)$/,at=/queueHooks$/;function st(){nt&&(!1===E.hidden&&C.requestAnimationFrame?C.requestAnimationFrame(st):C.setTimeout(st,S.fx.interval),S.fx.tick())}function ut(){return C.setTimeout(function(){tt=void 0}),tt=Date.now()}function lt(e,t){var n,r=0,i={height:e};for(t=t?1:0;r<4;r+=2-t)i["margin"+(n=ne[r])]=i["padding"+n]=e;return t&&(i.opacity=i.width=e),i}function ct(e,t,n){for(var r,i=(ft.tweeners[t]||[]).concat(ft.tweeners["*"]),o=0,a=i.length;o<a;o++)if(r=i[o].call(n,t,e))return r}function ft(o,e,t){var n,a,r=0,i=ft.prefilters.length,s=S.Deferred().always(function(){delete u.elem}),u=function(){if(a)return!1;for(var e=tt||ut(),t=Math.max(0,l.startTime+l.duration-e),n=1-(t/l.duration||0),r=0,i=l.tweens.length;r<i;r++)l.tweens[r].run(n);return s.notifyWith(o,[l,n,t]),n<1&&i?t:(i||s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l]),!1)},l=s.promise({elem:o,props:S.extend({},e),opts:S.extend(!0,{specialEasing:{},easing:S.easing._default},t),originalProperties:e,originalOptions:t,startTime:tt||ut(),duration:t.duration,tweens:[],createTween:function(e,t){var n=S.Tween(o,l.opts,e,t,l.opts.specialEasing[e]||l.opts.easing);return l.tweens.push(n),n},stop:function(e){var t=0,n=e?l.tweens.length:0;if(a)return this;for(a=!0;t<n;t++)l.tweens[t].run(1);return e?(s.notifyWith(o,[l,1,0]),s.resolveWith(o,[l,e])):s.rejectWith(o,[l,e]),this}}),c=l.props;for(!function(e,t){var n,r,i,o,a;for(n in e)if(i=t[r=X(n)],o=e[n],Array.isArray(o)&&(i=o[1],o=e[n]=o[0]),n!==r&&(e[r]=o,delete e[n]),(a=S.cssHooks[r])&&"expand"in a)for(n in o=a.expand(o),delete e[r],o)n in e||(e[n]=o[n],t[n]=i);else t[r]=i}(c,l.opts.specialEasing);r<i;r++)if(n=ft.prefilters[r].call(l,o,c,l.opts))return m(n.stop)&&(S._queueHooks(l.elem,l.opts.queue).stop=n.stop.bind(n)),n;return S.map(c,ct,l),m(l.opts.start)&&l.opts.start.call(o,l),l.progress(l.opts.progress).done(l.opts.done,l.opts.complete).fail(l.opts.fail).always(l.opts.always),S.fx.timer(S.extend(u,{elem:o,anim:l,queue:l.opts.queue})),l}S.Animation=S.extend(ft,{tweeners:{"*":[function(e,t){var n=this.createTween(e,t);return se(n.elem,e,te.exec(t),n),n}]},tweener:function(e,t){m(e)?(t=e,e=["*"]):e=e.match(P);for(var n,r=0,i=e.length;r<i;r++)n=e[r],ft.tweeners[n]=ft.tweeners[n]||[],ft.tweeners[n].unshift(t)},prefilters:[function(e,t,n){var r,i,o,a,s,u,l,c,f="width"in t||"height"in t,p=this,d={},h=e.style,g=e.nodeType&&ae(e),y=Y.get(e,"fxshow");for(r in n.queue||(null==(a=S._queueHooks(e,"fx")).unqueued&&(a.unqueued=0,s=a.empty.fire,a.empty.fire=function(){a.unqueued||s()}),a.unqueued++,p.always(function(){p.always(function(){a.unqueued--,S.queue(e,"fx").length||a.empty.fire()})})),t)if(i=t[r],ot.test(i)){if(delete t[r],o=o||"toggle"===i,i===(g?"hide":"show")){if("show"!==i||!y||void 0===y[r])continue;g=!0}d[r]=y&&y[r]||S.style(e,r)}if((u=!S.isEmptyObject(t))||!S.isEmptyObject(d))for(r in f&&1===e.nodeType&&(n.overflow=[h.overflow,h.overflowX,h.overflowY],null==(l=y&&y.display)&&(l=Y.get(e,"display")),"none"===(c=S.css(e,"display"))&&(l?c=l:(le([e],!0),l=e.style.display||l,c=S.css(e,"display"),le([e]))),("inline"===c||"inline-block"===c&&null!=l)&&"none"===S.css(e,"float")&&(u||(p.done(function(){h.display=l}),null==l&&(c=h.display,l="none"===c?"":c)),h.display="inline-block")),n.overflow&&(h.overflow="hidden",p.always(function(){h.overflow=n.overflow[0],h.overflowX=n.overflow[1],h.overflowY=n.overflow[2]})),u=!1,d)u||(y?"hidden"in y&&(g=y.hidden):y=Y.access(e,"fxshow",{display:l}),o&&(y.hidden=!g),g&&le([e],!0),p.done(function(){for(r in g||le([e]),Y.remove(e,"fxshow"),d)S.style(e,r,d[r])})),u=ct(g?y[r]:0,r,p),r in y||(y[r]=u.start,g&&(u.end=u.start,u.start=0))}],prefilter:function(e,t){t?ft.prefilters.unshift(e):ft.prefilters.push(e)}}),S.speed=function(e,t,n){var r=e&&"object"==typeof e?S.extend({},e):{complete:n||!n&&t||m(e)&&e,duration:e,easing:n&&t||t&&!m(t)&&t};return S.fx.off?r.duration=0:"number"!=typeof r.duration&&(r.duration in S.fx.speeds?r.duration=S.fx.speeds[r.duration]:r.duration=S.fx.speeds._default),null!=r.queue&&!0!==r.queue||(r.queue="fx"),r.old=r.complete,r.complete=function(){m(r.old)&&r.old.call(this),r.queue&&S.dequeue(this,r.queue)},r},S.fn.extend({fadeTo:function(e,t,n,r){return this.filter(ae).css("opacity",0).show().end().animate({opacity:t},e,n,r)},animate:function(t,e,n,r){var i=S.isEmptyObject(t),o=S.speed(e,n,r),a=function(){var e=ft(this,S.extend({},t),o);(i||Y.get(this,"finish"))&&e.stop(!0)};return a.finish=a,i||!1===o.queue?this.each(a):this.queue(o.queue,a)},stop:function(i,e,o){var a=function(e){var t=e.stop;delete e.stop,t(o)};return"string"!=typeof i&&(o=e,e=i,i=void 0),e&&this.queue(i||"fx",[]),this.each(function(){var e=!0,t=null!=i&&i+"queueHooks",n=S.timers,r=Y.get(this);if(t)r[t]&&r[t].stop&&a(r[t]);else for(t in r)r[t]&&r[t].stop&&at.test(t)&&a(r[t]);for(t=n.length;t--;)n[t].elem!==this||null!=i&&n[t].queue!==i||(n[t].anim.stop(o),e=!1,n.splice(t,1));!e&&o||S.dequeue(this,i)})},finish:function(a){return!1!==a&&(a=a||"fx"),this.each(function(){var e,t=Y.get(this),n=t[a+"queue"],r=t[a+"queueHooks"],i=S.timers,o=n?n.length:0;for(t.finish=!0,S.queue(this,a,[]),r&&r.stop&&r.stop.call(this,!0),e=i.length;e--;)i[e].elem===this&&i[e].queue===a&&(i[e].anim.stop(!0),i.splice(e,1));for(e=0;e<o;e++)n[e]&&n[e].finish&&n[e].finish.call(this);delete t.finish})}}),S.each(["toggle","show","hide"],function(e,r){var i=S.fn[r];S.fn[r]=function(e,t,n){return null==e||"boolean"==typeof e?i.apply(this,arguments):this.animate(lt(r,!0),e,t,n)}}),S.each({slideDown:lt("show"),slideUp:lt("hide"),slideToggle:lt("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(e,r){S.fn[e]=function(e,t,n){return this.animate(r,e,t,n)}}),S.timers=[],S.fx.tick=function(){var e,t=0,n=S.timers;for(tt=Date.now();t<n.length;t++)(e=n[t])()||n[t]!==e||n.splice(t--,1);n.length||S.fx.stop(),tt=void 0},S.fx.timer=function(e){S.timers.push(e),S.fx.start()},S.fx.interval=13,S.fx.start=function(){nt||(nt=!0,st())},S.fx.stop=function(){nt=null},S.fx.speeds={slow:600,fast:200,_default:400},S.fn.delay=function(r,e){return r=S.fx&&S.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=C.setTimeout(e,r);t.stop=function(){C.clearTimeout(n)}})},rt=E.createElement("input"),it=E.createElement("select").appendChild(E.createElement("option")),rt.type="checkbox",v.checkOn=""!==rt.value,v.optSelected=it.selected,(rt=E.createElement("input")).value="t",rt.type="radio",v.radioValue="t"===rt.value;var pt,dt=S.expr.attrHandle;S.fn.extend({attr:function(e,t){return B(this,S.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){S.removeAttr(this,e)})}}),S.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?S.prop(e,t,n):(1===o&&S.isXMLDoc(e)||(i=S.attrHooks[t.toLowerCase()]||(S.expr.match.bool.test(t)?pt:void 0)),void 0!==n?null===n?void S.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=S.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!v.radioValue&&"radio"===t&&A(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(P);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),pt={set:function(e,t,n){return!1===t?S.removeAttr(e,n):e.setAttribute(n,n),n}},S.each(S.expr.match.bool.source.match(/\w+/g),function(e,t){var a=dt[t]||S.find.attr;dt[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=dt[o],dt[o]=r,r=null!=a(e,t,n)?o:null,dt[o]=i),r}});var ht=/^(?:input|select|textarea|button)$/i,gt=/^(?:a|area)$/i;function yt(e){return(e.match(P)||[]).join(" ")}function vt(e){return e.getAttribute&&e.getAttribute("class")||""}function mt(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(P)||[]}S.fn.extend({prop:function(e,t){return B(this,S.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[S.propFix[e]||e]})}}),S.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&S.isXMLDoc(e)||(t=S.propFix[t]||t,i=S.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=S.find.attr(e,"tabindex");return t?parseInt(t,10):ht.test(e.nodeName)||gt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),v.optSelected||(S.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),S.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){S.propFix[this.toLowerCase()]=this}),S.fn.extend({addClass:function(t){var e,n,r,i,o,a;return m(t)?this.each(function(e){S(this).addClass(t.call(this,e,vt(this)))}):(e=mt(t)).length?this.each(function(){if(r=vt(this),n=1===this.nodeType&&" "+yt(r)+" "){for(o=0;o<e.length;o++)i=e[o],n.indexOf(" "+i+" ")<0&&(n+=i+" ");a=yt(n),r!==a&&this.setAttribute("class",a)}}):this},removeClass:function(t){var e,n,r,i,o,a;return m(t)?this.each(function(e){S(this).removeClass(t.call(this,e,vt(this)))}):arguments.length?(e=mt(t)).length?this.each(function(){if(r=vt(this),n=1===this.nodeType&&" "+yt(r)+" "){for(o=0;o<e.length;o++){i=e[o];while(-1<n.indexOf(" "+i+" "))n=n.replace(" "+i+" "," ")}a=yt(n),r!==a&&this.setAttribute("class",a)}}):this:this.attr("class","")},toggleClass:function(t,n){var e,r,i,o,a=typeof t,s="string"===a||Array.isArray(t);return m(t)?this.each(function(e){S(this).toggleClass(t.call(this,e,vt(this),n),n)}):"boolean"==typeof n&&s?n?this.addClass(t):this.removeClass(t):(e=mt(t),this.each(function(){if(s)for(o=S(this),i=0;i<e.length;i++)r=e[i],o.hasClass(r)?o.removeClass(r):o.addClass(r);else void 0!==t&&"boolean"!==a||((r=vt(this))&&Y.set(this,"__className__",r),this.setAttribute&&this.setAttribute("class",r||!1===t?"":Y.get(this,"__className__")||""))}))},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+yt(vt(n))+" ").indexOf(t))return!0;return!1}});var xt=/\r/g;S.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=m(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,S(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=S.map(t,function(e){return null==e?"":e+""})),(r=S.valHooks[this.type]||S.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=S.valHooks[t.type]||S.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(xt,""):null==e?"":e:void 0}}),S.extend({valHooks:{option:{get:function(e){var t=S.find.attr(e,"value");return null!=t?t:yt(S.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!A(n.parentNode,"optgroup"))){if(t=S(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=S.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<S.inArray(S.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),S.each(["radio","checkbox"],function(){S.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<S.inArray(S(e).val(),t)}},v.checkOn||(S.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),v.focusin="onfocusin"in C;var bt=/^(?:focusinfocus|focusoutblur)$/,wt=function(e){e.stopPropagation()};S.extend(S.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,p=[n||E],d=y.call(e,"type")?e.type:e,h=y.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||E,3!==n.nodeType&&8!==n.nodeType&&!bt.test(d+S.event.triggered)&&(-1<d.indexOf(".")&&(d=(h=d.split(".")).shift(),h.sort()),u=d.indexOf(":")<0&&"on"+d,(e=e[S.expando]?e:new S.Event(d,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:S.makeArray(t,[e]),c=S.event.special[d]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||d,bt.test(s+d)||(o=o.parentNode);o;o=o.parentNode)p.push(o),a=o;a===(n.ownerDocument||E)&&p.push(a.defaultView||a.parentWindow||C)}i=0;while((o=p[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||d,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&V(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=d,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(p.pop(),t)||!V(n)||u&&m(n[d])&&!x(n)&&((a=n[u])&&(n[u]=null),S.event.triggered=d,e.isPropagationStopped()&&f.addEventListener(d,wt),n[d](),e.isPropagationStopped()&&f.removeEventListener(d,wt),S.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=S.extend(new S.Event,n,{type:e,isSimulated:!0});S.event.trigger(r,null,t)}}),S.fn.extend({trigger:function(e,t){return this.each(function(){S.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return S.event.trigger(e,t,n,!0)}}),v.focusin||S.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){S.event.simulate(r,e.target,S.event.fix(e))};S.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r))}}});var Tt=C.location,Ct={guid:Date.now()},Et=/\?/;S.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new C.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||S.error("Invalid XML: "+(n?S.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var St=/\[\]$/,kt=/\r?\n/g,At=/^(?:submit|button|image|reset|file)$/i,Nt=/^(?:input|select|textarea|keygen)/i;function jt(n,e,r,i){var t;if(Array.isArray(e))S.each(e,function(e,t){r||St.test(n)?i(n,t):jt(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==w(e))i(n,e);else for(t in e)jt(n+"["+t+"]",e[t],r,i)}S.param=function(e,t){var n,r=[],i=function(e,t){var n=m(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!S.isPlainObject(e))S.each(e,function(){i(this.name,this.value)});else for(n in e)jt(n,e[n],t,i);return r.join("&")},S.fn.extend({serialize:function(){return S.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=S.prop(this,"elements");return e?S.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!S(this).is(":disabled")&&Nt.test(this.nodeName)&&!At.test(e)&&(this.checked||!pe.test(e))}).map(function(e,t){var n=S(this).val();return null==n?null:Array.isArray(n)?S.map(n,function(e){return{name:t.name,value:e.replace(kt,"\r\n")}}):{name:t.name,value:n.replace(kt,"\r\n")}}).get()}});var Dt=/%20/g,qt=/#.*$/,Lt=/([?&])_=[^&]*/,Ht=/^(.*?):[ \t]*([^\r\n]*)$/gm,Ot=/^(?:GET|HEAD)$/,Pt=/^\/\//,Rt={},Mt={},It="*/".concat("*"),Wt=E.createElement("a");function Ft(o){return function(e,t){"string"!=typeof e&&(t=e,e="*");var n,r=0,i=e.toLowerCase().match(P)||[];if(m(t))while(n=i[r++])"+"===n[0]?(n=n.slice(1)||"*",(o[n]=o[n]||[]).unshift(t)):(o[n]=o[n]||[]).push(t)}}function $t(t,i,o,a){var s={},u=t===Mt;function l(e){var r;return s[e]=!0,S.each(t[e]||[],function(e,t){var n=t(i,o,a);return"string"!=typeof n||u||s[n]?u?!(r=n):void 0:(i.dataTypes.unshift(n),l(n),!1)}),r}return l(i.dataTypes[0])||!s["*"]&&l("*")}function Bt(e,t){var n,r,i=S.ajaxSettings.flatOptions||{};for(n in t)void 0!==t[n]&&((i[n]?e:r||(r={}))[n]=t[n]);return r&&S.extend(!0,e,r),e}Wt.href=Tt.href,S.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:Tt.href,type:"GET",isLocal:/^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(Tt.protocol),global:!0,processData:!0,async:!0,contentType:"application/x-www-form-urlencoded; charset=UTF-8",accepts:{"*":It,text:"text/plain",html:"text/html",xml:"application/xml, text/xml",json:"application/json, text/javascript"},contents:{xml:/\bxml\b/,html:/\bhtml/,json:/\bjson\b/},responseFields:{xml:"responseXML",text:"responseText",json:"responseJSON"},converters:{"* text":String,"text html":!0,"text json":JSON.parse,"text xml":S.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(e,t){return t?Bt(Bt(e,S.ajaxSettings),t):Bt(S.ajaxSettings,e)},ajaxPrefilter:Ft(Rt),ajaxTransport:Ft(Mt),ajax:function(e,t){"object"==typeof e&&(t=e,e=void 0),t=t||{};var c,f,p,n,d,r,h,g,i,o,y=S.ajaxSetup({},t),v=y.context||y,m=y.context&&(v.nodeType||v.jquery)?S(v):S.event,x=S.Deferred(),b=S.Callbacks("once memory"),w=y.statusCode||{},a={},s={},u="canceled",T={readyState:0,getResponseHeader:function(e){var t;if(h){if(!n){n={};while(t=Ht.exec(p))n[t[1].toLowerCase()+" "]=(n[t[1].toLowerCase()+" "]||[]).concat(t[2])}t=n[e.toLowerCase()+" "]}return null==t?null:t.join(", ")},getAllResponseHeaders:function(){return h?p:null},setRequestHeader:function(e,t){return null==h&&(e=s[e.toLowerCase()]=s[e.toLowerCase()]||e,a[e]=t),this},overrideMimeType:function(e){return null==h&&(y.mimeType=e),this},statusCode:function(e){var t;if(e)if(h)T.always(e[T.status]);else for(t in e)w[t]=[w[t],e[t]];return this},abort:function(e){var t=e||u;return c&&c.abort(t),l(0,t),this}};if(x.promise(T),y.url=((e||y.url||Tt.href)+"").replace(Pt,Tt.protocol+"//"),y.type=t.method||t.type||y.method||y.type,y.dataTypes=(y.dataType||"*").toLowerCase().match(P)||[""],null==y.crossDomain){r=E.createElement("a");try{r.href=y.url,r.href=r.href,y.crossDomain=Wt.protocol+"//"+Wt.host!=r.protocol+"//"+r.host}catch(e){y.crossDomain=!0}}if(y.data&&y.processData&&"string"!=typeof y.data&&(y.data=S.param(y.data,y.traditional)),$t(Rt,y,t,T),h)return T;for(i in(g=S.event&&y.global)&&0==S.active++&&S.event.trigger("ajaxStart"),y.type=y.type.toUpperCase(),y.hasContent=!Ot.test(y.type),f=y.url.replace(qt,""),y.hasContent?y.data&&y.processData&&0===(y.contentType||"").indexOf("application/x-www-form-urlencoded")&&(y.data=y.data.replace(Dt,"+")):(o=y.url.slice(f.length),y.data&&(y.processData||"string"==typeof y.data)&&(f+=(Et.test(f)?"&":"?")+y.data,delete y.data),!1===y.cache&&(f=f.replace(Lt,"$1"),o=(Et.test(f)?"&":"?")+"_="+Ct.guid+++o),y.url=f+o),y.ifModified&&(S.lastModified[f]&&T.setRequestHeader("If-Modified-Since",S.lastModified[f]),S.etag[f]&&T.setRequestHeader("If-None-Match",S.etag[f])),(y.data&&y.hasContent&&!1!==y.contentType||t.contentType)&&T.setRequestHeader("Content-Type",y.contentType),T.setRequestHeader("Accept",y.dataTypes[0]&&y.accepts[y.dataTypes[0]]?y.accepts[y.dataTypes[0]]+("*"!==y.dataTypes[0]?", "+It+"; q=0.01":""):y.accepts["*"]),y.headers)T.setRequestHeader(i,y.headers[i]);if(y.beforeSend&&(!1===y.beforeSend.call(v,T,y)||h))return T.abort();if(u="abort",b.add(y.complete),T.done(y.success),T.fail(y.error),c=$t(Mt,y,t,T)){if(T.readyState=1,g&&m.trigger("ajaxSend",[T,y]),h)return T;y.async&&0<y.timeout&&(d=C.setTimeout(function(){T.abort("timeout")},y.timeout));try{h=!1,c.send(a,l)}catch(e){if(h)throw e;l(-1,e)}}else l(-1,"No Transport");function l(e,t,n,r){var i,o,a,s,u,l=t;h||(h=!0,d&&C.clearTimeout(d),c=void 0,p=r||"",T.readyState=0<e?4:0,i=200<=e&&e<300||304===e,n&&(s=function(e,t,n){var r,i,o,a,s=e.contents,u=e.dataTypes;while("*"===u[0])u.shift(),void 0===r&&(r=e.mimeType||t.getResponseHeader("Content-Type"));if(r)for(i in s)if(s[i]&&s[i].test(r)){u.unshift(i);break}if(u[0]in n)o=u[0];else{for(i in n){if(!u[0]||e.converters[i+" "+u[0]]){o=i;break}a||(a=i)}o=o||a}if(o)return o!==u[0]&&u.unshift(o),n[o]}(y,T,n)),!i&&-1<S.inArray("script",y.dataTypes)&&S.inArray("json",y.dataTypes)<0&&(y.converters["text script"]=function(){}),s=function(e,t,n,r){var i,o,a,s,u,l={},c=e.dataTypes.slice();if(c[1])for(a in e.converters)l[a.toLowerCase()]=e.converters[a];o=c.shift();while(o)if(e.responseFields[o]&&(n[e.responseFields[o]]=t),!u&&r&&e.dataFilter&&(t=e.dataFilter(t,e.dataType)),u=o,o=c.shift())if("*"===o)o=u;else if("*"!==u&&u!==o){if(!(a=l[u+" "+o]||l["* "+o]))for(i in l)if((s=i.split(" "))[1]===o&&(a=l[u+" "+s[0]]||l["* "+s[0]])){!0===a?a=l[i]:!0!==l[i]&&(o=s[0],c.unshift(s[1]));break}if(!0!==a)if(a&&e["throws"])t=a(t);else try{t=a(t)}catch(e){return{state:"parsererror",error:a?e:"No conversion from "+u+" to "+o}}}return{state:"success",data:t}}(y,s,T,i),i?(y.ifModified&&((u=T.getResponseHeader("Last-Modified"))&&(S.lastModified[f]=u),(u=T.getResponseHeader("etag"))&&(S.etag[f]=u)),204===e||"HEAD"===y.type?l="nocontent":304===e?l="notmodified":(l=s.state,o=s.data,i=!(a=s.error))):(a=l,!e&&l||(l="error",e<0&&(e=0))),T.status=e,T.statusText=(t||l)+"",i?x.resolveWith(v,[o,l,T]):x.rejectWith(v,[T,l,a]),T.statusCode(w),w=void 0,g&&m.trigger(i?"ajaxSuccess":"ajaxError",[T,y,i?o:a]),b.fireWith(v,[T,l]),g&&(m.trigger("ajaxComplete",[T,y]),--S.active||S.event.trigger("ajaxStop")))}return T},getJSON:function(e,t,n){return S.get(e,t,n,"json")},getScript:function(e,t){return S.get(e,void 0,t,"script")}}),S.each(["get","post"],function(e,i){S[i]=function(e,t,n,r){return m(t)&&(r=r||n,n=t,t=void 0),S.ajax(S.extend({url:e,type:i,dataType:r,data:t,success:n},S.isPlainObject(e)&&e))}}),S.ajaxPrefilter(function(e){var t;for(t in e.headers)"content-type"===t.toLowerCase()&&(e.contentType=e.headers[t]||"")}),S._evalUrl=function(e,t,n){return S.ajax({url:e,type:"GET",dataType:"script",cache:!0,async:!1,global:!1,converters:{"text script":function(){}},dataFilter:function(e){S.globalEval(e,t,n)}})},S.fn.extend({wrapAll:function(e){var t;return this[0]&&(m(e)&&(e=e.call(this[0])),t=S(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return m(n)?this.each(function(e){S(this).wrapInner(n.call(this,e))}):this.each(function(){var e=S(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=m(t);return this.each(function(e){S(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){S(this).replaceWith(this.childNodes)}),this}}),S.expr.pseudos.hidden=function(e){return!S.expr.pseudos.visible(e)},S.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},S.ajaxSettings.xhr=function(){try{return new C.XMLHttpRequest}catch(e){}};var _t={0:200,1223:204},zt=S.ajaxSettings.xhr();v.cors=!!zt&&"withCredentials"in zt,v.ajax=zt=!!zt,S.ajaxTransport(function(i){var o,a;if(v.cors||zt&&!i.crossDomain)return{send:function(e,t){var n,r=i.xhr();if(r.open(i.type,i.url,i.async,i.username,i.password),i.xhrFields)for(n in i.xhrFields)r[n]=i.xhrFields[n];for(n in i.mimeType&&r.overrideMimeType&&r.overrideMimeType(i.mimeType),i.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest"),e)r.setRequestHeader(n,e[n]);o=function(e){return function(){o&&(o=a=r.onload=r.onerror=r.onabort=r.ontimeout=r.onreadystatechange=null,"abort"===e?r.abort():"error"===e?"number"!=typeof r.status?t(0,"error"):t(r.status,r.statusText):t(_t[r.status]||r.status,r.statusText,"text"!==(r.responseType||"text")||"string"!=typeof r.responseText?{binary:r.response}:{text:r.responseText},r.getAllResponseHeaders()))}},r.onload=o(),a=r.onerror=r.ontimeout=o("error"),void 0!==r.onabort?r.onabort=a:r.onreadystatechange=function(){4===r.readyState&&C.setTimeout(function(){o&&a()})},o=o("abort");try{r.send(i.hasContent&&i.data||null)}catch(e){if(o)throw e}},abort:function(){o&&o()}}}),S.ajaxPrefilter(function(e){e.crossDomain&&(e.contents.script=!1)}),S.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/\b(?:java|ecma)script\b/},converters:{"text script":function(e){return S.globalEval(e),e}}}),S.ajaxPrefilter("script",function(e){void 0===e.cache&&(e.cache=!1),e.crossDomain&&(e.type="GET")}),S.ajaxTransport("script",function(n){var r,i;if(n.crossDomain||n.scriptAttrs)return{send:function(e,t){r=S("<script>").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||S.expando+"_"+Ct.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(Et.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),v.createHTMLDocument=((Ut=E.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===Ut.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(v.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1<s&&(r=yt(e.slice(s)),e=e.slice(0,s)),m(t)?(n=t,t=void 0):t&&"object"==typeof t&&(i="POST"),0<a.length&&S.ajax({url:e,type:i||"GET",dataType:"html",data:t}).done(function(e){o=arguments,a.html(r?S("<div>").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return B(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=_e(v.pixelPosition,function(e,t){if(t)return t=Be(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return B(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var Gt=/^[\s\uFEFF\xA0]+|([^\s\uFEFF\xA0])[\s\uFEFF\xA0]+$/g;S.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),m(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||S.guid++,i},S.holdReady=function(e){e?S.readyWait++:S.ready(!0)},S.isArray=Array.isArray,S.parseJSON=JSON.parse,S.nodeName=A,S.isFunction=m,S.isWindow=x,S.camelCase=X,S.type=w,S.now=Date.now,S.isNumeric=function(e){var t=S.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},S.trim=function(e){return null==e?"":(e+"").replace(Gt,"$1")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return S});var Yt=C.jQuery,Qt=C.$;return S.noConflict=function(e){return C.$===S&&(C.$=Qt),e&&C.jQuery===S&&(C.jQuery=Yt),S},"undefined"==typeof e&&(C.jQuery=C.$=S),S});
diff --git a/static/js/nav.js b/static/js/nav.js
new file mode 100644
index 0000000..c1a642b
--- /dev/null
+++ b/static/js/nav.js
@@ -0,0 +1,15 @@
+var navList = document.querySelectorAll('.nav-list');
+var tag = document.querySelectorAll('.tag');
+
+for (var i = 0; i < navList.length; i++) {
+ navList[i].addEventListener('click', function () {
+ for (var j = 0; j < tag.length; j++) {
+ tag[j].style.display = 'none';
+ }
+ this.querySelector('.tag').style.display = 'block';
+ this.addEventListener('click', function () {
+ this.querySelector('.tag').style.display == 'block' ? this.querySelector('.tag').style.display = 'none' : this.querySelector('.tag').style.display = 'block';
+
+ });
+ });
+}
\ No newline at end of file
diff --git a/static/js/pic-link.js b/static/js/pic-link.js
new file mode 100644
index 0000000..c536456
--- /dev/null
+++ b/static/js/pic-link.js
@@ -0,0 +1,45 @@
+var piclink = new Array();
+var allTitles = new Array();
+var pictit = new Array();
+var reg1 = /^./;
+var url = 'https://static.igem.wiki/teams/4223/wiki';
+$(".nav-titles a").each(function(i){
+ allTitles[i] = $(".nav-titles a")[i].innerText.toLowerCase();
+ piclink[i] = $(".nav-titles a")[i].innerText.toLowerCase().match(reg1)[0];
+});
+
+function findall(a,x){
+ var results=[],
+ len=a.length,
+ pos=0;
+ while(pos<len){
+ pos=a.indexOf(x,pos);
+ if(pos===-1){//未找到就退出循环完æˆæœç´¢
+ break;
+ }
+ results.push(pos);//找到就å˜å‚¨ç´¢å¼•
+ pos+=1;//并从下个ä½ç½®å¼€å§‹æœç´¢
+ }
+ return results;
+}
+
+$(function(){
+ for(var i = 0;i<piclink.length;i++){
+ if(piclink[i].length > 1){
+ continue;
+ }else{
+ var q = findall(piclink, piclink[i]);
+ pictit[i] = piclink[i] + (q.indexOf(i) +1);
+ }
+ }
+
+ var fold = pictit[allTitles.indexOf($(".header-title")[0].innerText.toLowerCase())];
+ url += "/"+fold+"/";
+ $(".display").find("img").each(function(i){
+ var pic = i+"."+$(this)[0].alt;
+ console.log(pic);
+ $(this)[0].src = url + pic;
+ });
+ console.log(url);
+})
+
diff --git a/static/js/title-list.js b/static/js/title-list.js
new file mode 100644
index 0000000..b67c2f2
--- /dev/null
+++ b/static/js/title-list.js
@@ -0,0 +1,30 @@
+var h2 = !($(".display").children("h2")[0])?$(".display").children("h3"): $(".display").children("h2");
+var Topic = $(".header-title")[0].innerText;
+var titles = new Array();
+var div = document.createElement('div');
+div.classList.add("display-titles");
+div.innerHTML = " <div class='big-title'><span>" + Topic + "</span ></div ><div class='title-list'><ul class='h2-list'></ul></div>";
+($(".display")[0])&&!($(".list-none")[0]) ? $(".container")[0].insertBefore(div, $(".display")[0]) : console.log('1');
+var lists = $(".h2-list")[0];
+
+h2.each(function (i) {
+ var list = document.createElement('li');
+ titles[i] = h2[i].innerText;
+ $(h2[i]).prop("id", i);
+ list.innerHTML = "<a href=#" + i + ">" + titles[i] + "</a>";
+ lists.appendChild(list);
+});
+
+$(function () {
+ $(document).scroll(function () {
+ var res = $(this).scrollTop();
+ for (var j = 0; j < titles.length; j++) {
+ var bef = $(h2[j]).offset().top;
+ if (res > bef) {
+ $(".h2-list li").removeClass("title-selected");
+ $($(".h2-list li")[j]).addClass("title-selected");
+ console.log(bef);
+ }
+ }
+ });
+});
\ No newline at end of file
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index bf8bdb1..0d6ffab 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -210,23 +210,6 @@ with new communities by discussing public values and the science behind syntheti
href="http://parts.igem.org/File:Meetup_brochure.pdf">Meetup brochure.pdf</a></p>
</div>
-<<<<<<< HEAD
-{% endblock %}
-=======
-<div class="row mt-4">
- <div class="col">
- <h2>Inspirationsa</h2>
- <hr>
- <ul>
- <li><a href="https://2020.igem.org/Team:CCA_San_Diego/Education">2020 CCA San Diego</a></li>
- <li><a href="https://2020.igem.org/Team:Lambert_GA/Education">2020 Lambert GA</a></li>
- <li><a href="https://2020.igem.org/Team:Stanford/Education">2020 Stanford</a></li>
- <li><a href="https://2020.igem.org/Team:Waseda/Education">2020 Waseda</a></li>
- <li><a href="https://2020.igem.org/Team:Fudan/Education">2020 Fudan</a></li>
- <li><a href="https://2020.igem.org/Team:Toulouse_INSA-UPS/Education">2020 Toulouse INSA UPS</a></li>
- </ul>
- </div>
</div>
-{% endblock %}
->>>>>>> 53eaed756bb00e90be4491f38912285121acc986
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/index.html b/wiki/pages/index.html
index 262e97e..89b9219 100644
--- a/wiki/pages/index.html
+++ b/wiki/pages/index.html
@@ -35,7 +35,7 @@
</div>
</div>
<div class="cinfo col-md-9">
- <img src="https://uploads.igem.org/teams/4223/wiki/h1/0.png" alt="png" class="small">
+ <img src="https://static.igem.wiki/teams/4223/wiki/h1/0.png" alt="png" class="small">
</div>
<div class="cinfo col-md-9 offset-md-3">
<div class="center offset-top">
@@ -46,7 +46,7 @@
</div>
</div>
<div class="cinfo col-md-9 ">
- <img src="https://uploads.igem.org/teams/4223/wiki/h1/1.png" alt="png">
+ <img src="https://static.igem.wiki/teams/4223/wiki/h1/1.png" alt="png">
</div>
<div class="cinfo col-md-9 offset-md-3">
<div class="center offset-top">
@@ -57,7 +57,7 @@
</div>
</div>
<div class="cinfo col-md-9">
- <img src="https://uploads.igem.org/teams/4223/wiki/h1/2.png" alt="png">
+ <img src="https://static.igem.wiki/teams/4223/wiki/h1/2.png" alt="png">
</div>
</div>
</div>
diff --git a/wiki/pages/result.html b/wiki/pages/result.html
deleted file mode 100644
index e69de29..0000000
--
GitLab
From 8eb0115b68bb1754d62af158bcc2fe34ca949049 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Thu, 6 Oct 2022 16:19:09 +0800
Subject: [PATCH 09/35] test
---
wiki/pages/education.html | 3 ---
1 file changed, 3 deletions(-)
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index 0d6ffab..f8d8e08 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -209,7 +209,4 @@ with new communities by discussing public values and the science behind syntheti
The brochure for the meetup is attached here for all those who visited our wiki to download. <a
href="http://parts.igem.org/File:Meetup_brochure.pdf">Meetup brochure.pdf</a></p>
</div>
-
-</div>
-
{% endblock %}
\ No newline at end of file
--
GitLab
From 3531afb3ffa0f70270db0980c36567c3c9232bed Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Thu, 6 Oct 2022 16:24:54 +0800
Subject: [PATCH 10/35] 1
---
wiki/menu.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/wiki/menu.html b/wiki/menu.html
index 4cb3f57..7359361 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -49,7 +49,7 @@
<li><a href="{{ url_for('pages', page='ATTRIBUTIONS') }}" class="tag-link">ATTRIBUTIONS</a></li>
</ul>
</li>
- <li class="nav-title short-nav"><a href="{{ url_for('pages', page='AWARD') }}" class="nav-link"><span>Award</span></a>
+ <li class="nav-title short-nav"><a href="{{ url_for('pages', page='AWARD') }}" class="nav-link"><span>Award1</span></a>
</li>
</ul>
</div>
--
GitLab
From bc700c19fa7b1c37299e270f717f894cc2d0324e Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Thu, 6 Oct 2022 16:50:30 +0800
Subject: [PATCH 11/35] update
---
wiki/pages/attributions.html | 2 +-
wiki/pages/award.html | 2 +-
wiki/pages/communication.html | 2 +-
wiki/pages/design.html | 24 ++++++++++----------
wiki/pages/education.html | 1 +
wiki/pages/engineering.html | 2 +-
wiki/pages/hardware.html | 3 ++-
wiki/pages/human-practices.html | 3 ++-
wiki/pages/implementation.html | 1 +
wiki/pages/model.html | 2 +-
wiki/pages/notebook.html | 3 ++-
wiki/pages/partnership.html | 1 +
wiki/pages/parts.html | 3 ++-
wiki/pages/proof-of-concept.html | 1 +
wiki/pages/results.html | 22 ++++++++++++------
wiki/pages/safety.html | 39 +++++++++++++++++++++++++-------
wiki/pages/team.html | 1 +
17 files changed, 76 insertions(+), 36 deletions(-)
diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index 007803f..3ff78db 100644
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -1,5 +1,5 @@
{% extends "layout.html" %}
-
+{% block htitle %}Attributions{% endblock %}
{% block title %}Attributions{% endblock %}
{% block lead %}Use this page to attribute work done on your project. This includes the work done by each of the student members on your team and any work that was done by people outside of your team, including the host labs, advisors, instructors, and individuals not on the team roster. This requirement is not about literature references - these can and should be displayed throughout your wiki.{% endblock %}
diff --git a/wiki/pages/award.html b/wiki/pages/award.html
index 0cf0187..11c4850 100644
--- a/wiki/pages/award.html
+++ b/wiki/pages/award.html
@@ -1,5 +1,5 @@
{% extends "layout.html" %}
-
+{% block htitle %}Award{% endblock %}
{% block title %}Award{% endblock %}
{% block lead %}Innovative educational tools and outreach activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology.{% endblock %}
diff --git a/wiki/pages/communication.html b/wiki/pages/communication.html
index 435babb..a5ba2bf 100644
--- a/wiki/pages/communication.html
+++ b/wiki/pages/communication.html
@@ -1,5 +1,5 @@
{% extends "layout.html" %}
-
+{% block htitle %}Communication{% endblock %}
{% block title %}Communication{% endblock %}
{% block lead %}Develop and implement education, science communication, and/or outreach materials related to synthetic biology.{% endblock %}
diff --git a/wiki/pages/design.html b/wiki/pages/design.html
index a8b86ee..cebc664 100644
--- a/wiki/pages/design.html
+++ b/wiki/pages/design.html
@@ -6,7 +6,7 @@
{% block page_content %}
<div class="row display ltext list-none">
- <h2>Abstract：</h2>
+ <h2>Abstract</h2>
<p>THIS study is based on a“Collateral cleavage†crispr-Cas detection approach that targets binding to sgrnas to
activate CAS enzymes (CAS13A1 and CAS14A1) , it is difficult to distinguish the source of detection signal and avoid
the interference of the mutant nucleic acid fragment when the target system contains the target mutant nucleic acid
@@ -17,37 +17,37 @@
detection methods.</p>
<p class="mt-5"> It is difficult to distinguish target RNA from mutant RNA.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/03/01.png')}}" alt="">
- <img src="{{ url_for('static', filename = 'images/03/02.png')}}" alt="" class="arrow">
+ <img src="{{ url_for('static', filename = 'images/03/01.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/03/02.png')}}" alt="png" class="arrow">
</div>
<p class="r">Coexisting target RNA and mutant RNA in the reaction system.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/03/04.png')}}" alt="" class="arrow">
- <img src="{{ url_for('static', filename = 'images/03/03.png')}}" alt="" class="lpic">
+ <img src="{{ url_for('static', filename = 'images/03/04.png')}}" alt="png" class="arrow">
+ <img src="{{ url_for('static', filename = 'images/03/03.png')}}" alt="png" class="lpic">
</div>
<p>The design of the shackles.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/03/06.png')}}" alt="">
- <img src="{{ url_for('static', filename = 'images/03/02.png')}}" alt="" class="arrow">
+ <img src="{{ url_for('static', filename = 'images/03/06.png')}}" alt="png">
+ <img src="{{ url_for('static', filename = 'images/03/02.png')}}" alt="png" class="arrow">
</div>
<p class="r">The mutant RNA for each single base pair was shackled with a pre-designed PNA.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/03/04.png')}}" alt="" class="arrow">
- <img src="{{ url_for('static', filename = 'images/03/07.png')}}" alt="" class="lpic">
+ <img src="{{ url_for('static', filename = 'images/03/04.png')}}" alt="png" class="arrow">
+ <img src="{{ url_for('static', filename = 'images/03/07.png')}}" alt="png" class="lpic">
</div>
<p>CAS13A protein and CSM6 protein were linked in tandem to improve the detection efficiency, and
the problem of base mismatch was solved by PNA shackle, which made the detection accurate to single-base
recognition, fluorescent protein was used as the reporter signal. On this basis, we also develop a hardware to
get the detection results.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/03/08.png')}}" alt="">
+ <img src="{{ url_for('static', filename = 'images/03/08.png')}}" alt="png">
</div>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/03/05.png')}}" alt="" class="arrow">
+ <img src="{{ url_for('static', filename = 'images/03/05.png')}}" alt="png" class="arrow">
</div>
<p class="c">Now it is possible to distinguish between target RNA and mutant RNA!</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/03/09.png')}}" alt="">
+ <img src="{{ url_for('static', filename = 'images/03/09.png')}}" alt="png">
</div>
</div>
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index ce6e97d..37aae12 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -1,4 +1,5 @@
{% extends "layout.html" %}
+{% block htitle %}Education{% endblock %}
{% block title %}Education{% endblock %}
{% block lead %}Innovative educational tools and outreach activities have the ability to establish a two-way dialogue
diff --git a/wiki/pages/engineering.html b/wiki/pages/engineering.html
index 899cd8b..14813af 100644
--- a/wiki/pages/engineering.html
+++ b/wiki/pages/engineering.html
@@ -1,5 +1,5 @@
{% extends "layout.html" %}
-
+{% block htitle %}Engineering{% endblock %}
{% block title %}Engineering Success{% endblock %}
{% block lead %}Demonstrate engineering success in a part of your project by going through at least one iteration of the engineering design cycle.{% endblock %}
diff --git a/wiki/pages/hardware.html b/wiki/pages/hardware.html
index e712f43..0c307be 100644
--- a/wiki/pages/hardware.html
+++ b/wiki/pages/hardware.html
@@ -1,5 +1,6 @@
{% extends "layout.html" %}
-
+{% block htitle %}Hardware{% endblock %}
+
{% block title %}Hardware{% endblock %}
{% block lead %}Hardware in iGEM should make synthetic biology based on standard parts easier, faster, better, or more accessible to our community.{% endblock %}
diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index e84d140..d71ac80 100644
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -1,5 +1,6 @@
{% extends "layout.html" %}
-
+{% block htitle %}Human Practices{% endblock %}
+
{% block title %}Human Practices{% endblock %}
{% block lead %}We ask every team to think deeply and creatively about whether their project is responsible and good for the world. Consider how the world affects your work and how your work affects the world.{% endblock %}
diff --git a/wiki/pages/implementation.html b/wiki/pages/implementation.html
index d0ee0b9..071eafc 100644
--- a/wiki/pages/implementation.html
+++ b/wiki/pages/implementation.html
@@ -1,4 +1,5 @@
{% extends "layout.html" %}
+{% block htitle %}Implementation{% endblock %}
{% block title %}Proposed Implementation{% endblock %}
{% block lead %}Explain how you would implement your project in the real world.{% endblock %}
diff --git a/wiki/pages/model.html b/wiki/pages/model.html
index daf21db..c43b9b3 100644
--- a/wiki/pages/model.html
+++ b/wiki/pages/model.html
@@ -1,5 +1,5 @@
{% extends "layout.html" %}
-
+{% block htitle %}Model{% endblock %}
{% block title %}Model{% endblock %}
{% block lead %}Explain your model's assumptions, data, parameters, and results in a way that anyone could understand.{% endblock %}
diff --git a/wiki/pages/notebook.html b/wiki/pages/notebook.html
index c955f7b..de9afc4 100644
--- a/wiki/pages/notebook.html
+++ b/wiki/pages/notebook.html
@@ -1,5 +1,6 @@
{% extends "layout.html" %}
-
+{% block htitle %}Notebook{% endblock %}
+
{% block title %}Notebook{% endblock %}
{% block lead %}Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.{% endblock %}
diff --git a/wiki/pages/partnership.html b/wiki/pages/partnership.html
index eae1f38..d78096f 100644
--- a/wiki/pages/partnership.html
+++ b/wiki/pages/partnership.html
@@ -1,4 +1,5 @@
{% extends "layout.html" %}
+{% block htitle %}Partnership{% endblock %}
{% block title %}Partnership{% endblock %}
{% block lead %}Collaborate throughout the year with at least one other 2022 iGEM team on a set of shared objectives related to both of your projects.{% endblock %}
diff --git a/wiki/pages/parts.html b/wiki/pages/parts.html
index 0146f68..eeb1f64 100644
--- a/wiki/pages/parts.html
+++ b/wiki/pages/parts.html
@@ -1,5 +1,6 @@
{% extends "layout.html" %}
-
+{% block htitle %}Parts{% endblock %}
+
{% block title %}Parts{% endblock %}
{% block lead %}This page contains information about the parts created by the team.{% endblock %}
diff --git a/wiki/pages/proof-of-concept.html b/wiki/pages/proof-of-concept.html
index e0eb21d..2a03bf5 100644
--- a/wiki/pages/proof-of-concept.html
+++ b/wiki/pages/proof-of-concept.html
@@ -1,4 +1,5 @@
{% extends "layout.html" %}
+{% block htitle %}Proof of Concept{% endblock %}
{% block title %}Proof of Concept{% endblock %}
{% block lead %}Expand upon your Silver medal work for Proposed Implementation and develop a proof of concept for your
diff --git a/wiki/pages/results.html b/wiki/pages/results.html
index fae8f05..9259dad 100644
--- a/wiki/pages/results.html
+++ b/wiki/pages/results.html
@@ -1,5 +1,6 @@
{% extends "layout.html" %}
-
+{% block htitle %}Results{% endblock %}
+
{% block title %}Results{% endblock %}
{% block lead %}You can describe the results of your project and your future plans here.{% endblock %}
@@ -19,9 +20,13 @@
<h2>Describe what your results mean</h2>
<hr>
<ul>
- <li>Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for.</li>
- <li>Show data, but remember <b>all measurement and characterization data must also be on the Part's Main Page on the <a href="http://parts.igem.org/Main_Page">Registry</a>.</b> Otherwise these data will not be in consideration for any medals or part awards!</li>
- <li>Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project.</li>
+ <li>Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us
+ what you think the data means. This is an important part of your project that the judges will look for.</li>
+ <li>Show data, but remember <b>all measurement and characterization data must also be on the Part's Main Page on
+ the <a href="http://parts.igem.org/Main_Page">Registry</a>.</b> Otherwise these data will not be in
+ consideration for any medals or part awards!</li>
+ <li>Consider including an analysis summary section to discuss what your results mean. Judges like to read what you
+ think your data means, beyond all the data you have acquired during your project.</li>
</ul>
</div>
</div>
@@ -30,10 +35,13 @@
<div class="col-lg-8">
<h2>Project Achievements</h2>
<hr>
- <p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+ <p>You can also include a list of bullet points (and links) of the successes and failures you have had over your
+ summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
<ul>
<li>A list of linked bullet points of the successful results during your project</li>
- <li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+ <li>A list of linked bullet points of the unsuccessful results during your project. This is about being
+ scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you
+ put your effort.</li>
</ul>
</div>
<div class="col-lg-4">
@@ -50,4 +58,4 @@
</div>
</div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/safety.html b/wiki/pages/safety.html
index f6abe50..2e2afee 100644
--- a/wiki/pages/safety.html
+++ b/wiki/pages/safety.html
@@ -1,20 +1,43 @@
{% extends "layout.html" %}
-
+{% block htitle %}Safety{% endblock %}
+
{% block title %}Safety{% endblock %}
{% block lead %}Describe all the safety issues of your project.{% endblock %}
{% block page_content %}
<div class="row display ltext">
<h2>Overview:</h2>
- <p>Inspired by the epidemic, the team is working on the construction of a portable, single-base, amplification-free CRISPR/Cas13&Cas14 nucleic acid detection platform and the application of this technology in the detection of drug-resistant bacteria, based on the basic principles related to the CRISPR/Cas system, and on this page we will show how different measures can be implemented in different situations to ensure that all the development to utilization of relevant aspects of safety from development to utilization.</p>
+ <p>Inspired by the epidemic, the team is working on the construction of a portable, single-base, amplification-free
+ CRISPR/Cas13&Cas14 nucleic acid detection platform and the application of this technology in the detection of
+ drug-resistant bacteria, based on the basic principles related to the CRISPR/Cas system, and on this page we will
+ show how different measures can be implemented in different situations to ensure that all the development to
+ utilization of relevant aspects of safety from development to utilization.</p>
<h2>Biosafety</h2>
- <p>In building our portable, single-base, amplification-free CRISPR/Cas13&Cas14 nucleic acid detection platform, we have fully considered the factors related to biosafety at this stage. In the face of potential biohazard risks, it is impractical to use viruses or any of their sequences directly in our research, and for this reason, we use microorganisms from the sea for experimental validation.</p>
- <p>In addition, mainstream nucleic acid detection methods at this stage usually require manual manipulation in the extraction of nucleic acids, amplification and multiple steps, which undoubtedly complicates the detection procedure and may increase the safety risk of residual contamination. However, with the method provided by our project, the purpose of amplification-free, accurate and convenient nucleic acid detection is achieved, thus avoiding other possible safety issues of residual contamination.</p>
+ <p>In building our portable, single-base, amplification-free CRISPR/Cas13&Cas14 nucleic acid detection platform, we
+ have fully considered the factors related to biosafety at this stage. In the face of potential biohazard risks, it
+ is impractical to use viruses or any of their sequences directly in our research, and for this reason, we use
+ microorganisms from the sea for experimental validation.</p>
+ <p>In addition, mainstream nucleic acid detection methods at this stage usually require manual manipulation in the
+ extraction of nucleic acids, amplification and multiple steps, which undoubtedly complicates the detection procedure
+ and may increase the safety risk of residual contamination. However, with the method provided by our project, the
+ purpose of amplification-free, accurate and convenient nucleic acid detection is achieved, thus avoiding other
+ possible safety issues of residual contamination.</p>
<h2>Hardware safety</h2>
- <p>The hardware equipment of this project mainly refers to the enzyme marker, and we designed the material used - polypropylene which can make the instrument smaller and simpler in structure while being safe. At the same time, it has good chemical resistance, heat resistance, electrical insulation, high strength mechanical properties and excellent wear processing properties, which provides a good safety guarantee for our overall testing and subsequent corresponding processing.</p>
- <p>In addition, taking into account the diversity of user use, we have developed a set of corresponding post-use treatment manual, through this strategy can well avoid the pollution of the hardware for the environment.</p>
+ <p>The hardware equipment of this project mainly refers to the enzyme marker, and we designed the material used -
+ polypropylene which can make the instrument smaller and simpler in structure while being safe. At the same time, it
+ has good chemical resistance, heat resistance, electrical insulation, high strength mechanical properties and
+ excellent wear processing properties, which provides a good safety guarantee for our overall testing and subsequent
+ corresponding processing.</p>
+ <p>In addition, taking into account the diversity of user use, we have developed a set of corresponding post-use
+ treatment manual, through this strategy can well avoid the pollution of the hardware for the environment.</p>
<h2>Laboratory safety</h2>
- <p>Safety is a very important aspect when working in the laboratory. For this reason, our team fully complies with the safety and security rules of the iGEM competition. Our team works in a security level 1 lab, which is the minimum security level that is sufficient for all our experiments. To create a safer lab environment for our team members, we categorize reagents and drugs, put dangerous reagents in special storage cabinets, and mark them with warnings. In addition, our instructor helped us develop a detailed lab rulebook that all project members have memorized and successfully passed the lab safety exam with a score above 90, and we maintain a safe lab environment through our actions.</p>
+ <p>Safety is a very important aspect when working in the laboratory. For this reason, our team fully complies with the
+ safety and security rules of the iGEM competition. Our team works in a security level 1 lab, which is the minimum
+ security level that is sufficient for all our experiments. To create a safer lab environment for our team members,
+ we categorize reagents and drugs, put dangerous reagents in special storage cabinets, and mark them with warnings.
+ In addition, our instructor helped us develop a detailed lab rulebook that all project members have memorized and
+ successfully passed the lab safety exam with a score above 90, and we maintain a safe lab environment through our
+ actions.</p>
</div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/team.html b/wiki/pages/team.html
index 1045da1..82ba3bb 100644
--- a/wiki/pages/team.html
+++ b/wiki/pages/team.html
@@ -1,4 +1,5 @@
{% extends "layout.html" %}
+{% block htitle %}Team{% endblock %}
{% block title %}Team{% endblock %}
{% block lead %}On this page you can introduce your team members, instructors, and advisors.{% endblock %}
--
GitLab
From 41fb78b4ae40e63081329224e25041b39dd53c7a Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Thu, 6 Oct 2022 17:21:08 +0800
Subject: [PATCH 12/35] update
---
wiki/layout.html | 1 -
wiki/pages/collaborations.html | 32 +++++++++----------
wiki/pages/contribution.html | 8 ++---
wiki/pages/design.html | 22 ++++++-------
wiki/pages/education.html | 48 ++++++++++++++--------------
wiki/pages/engineering.html | 54 ++++++++++++++++----------------
wiki/pages/hardware.html | 24 +++++++-------
wiki/pages/human-practices.html | 40 +++++++++++------------
wiki/pages/implementation.html | 14 ++++-----
wiki/pages/partnership.html | 54 ++++++++++++++++----------------
wiki/pages/proof-of-concept.html | 34 ++++++++++----------
11 files changed, 165 insertions(+), 166 deletions(-)
diff --git a/wiki/layout.html b/wiki/layout.html
index ab9f6e2..a973944 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -12,7 +12,6 @@
<!-- Custom CSS -->
<link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
-<!-- <link rel="stylesheet" href="{{ url_for('static', filename = 'index.css')}}">-->
<link rel="stylesheet" href="{{ url_for('static', filename = 'css/base.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename = 'css/nav.css')}}">
<link rel="stylesheet" href="{{ url_for('static', filename = 'css/mobile-nav.css')}}">
diff --git a/wiki/pages/collaborations.html b/wiki/pages/collaborations.html
index 186cc2b..ab56130 100644
--- a/wiki/pages/collaborations.html
+++ b/wiki/pages/collaborations.html
@@ -25,14 +25,14 @@ teams on difficult problems that you can more easily solve together.{% endblock
and human practice, actively faced and sought solutions, and we also established deep friendship with many teams in
this meeting.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/02/cllogo.png')}}" alt="png" class="logo">
- <img src="{{ url_for('static', filename = 'images/02/crlogo.png')}}" alt="png" class="logo">
+ <img src="" alt="png" class="logo">
+ <img src="" alt="png" class="logo">
</div>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/02/01.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/02/02.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<h3>Experimental Mutual Aid</h3>
<h4>JLU-China</h4>
@@ -42,7 +42,7 @@ teams on difficult problems that you can more easily solve together.{% endblock
expression of lethal genes. In addition, we conducted online communication with JLU-China on modeling and other stem
experiments, and we provided JLU-China with experience support on modeling.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/02/03.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<h4>bnsc-China</h4>
<p>Hainan University is at the southernmost point of China and has the largest ocean area in China. We sent 2L
@@ -55,8 +55,8 @@ teams on difficult problems that you can more easily solve together.{% endblock
validation at a later stage of the project.
</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/02/04.jpg')}}" alt="jpg">
- <img src="{{ url_for('static', filename = 'images/02/05.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
+ <img src="" alt="jpg">
</div>
<h3>Online MEETUP</h3>
<h4>FAFU, XJTLU-CHINA</h4>
@@ -66,16 +66,16 @@ teams on difficult problems that you can more easily solve together.{% endblock
related activities, which provided new ideas for the planning of Human Practice activities in the future.
</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/02/06.jpg')}}" alt="jpg">
- <img src="{{ url_for('static', filename = 'images/02/07.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
+ <img src="" alt="jpg">
</div>
<h4>CPU-China</h4>
<p>After an initial exchange on the numerical modeling part of the project experiments at the CRISPR meetup we
co-hosted with UESTC-BioTech, CPU-China asked us detailed questions about the modeling of their current experiments,
which we answered for them, and invited them to come and participate in our manual.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/02/08.jpg')}}" alt="jpg">
- <img src="{{ url_for('static', filename = 'images/02/09.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
+ <img src="" alt="jpg">
</div>
<h3>The 9th China Regional IGEM Exchange
</h3>
@@ -95,8 +95,8 @@ teams on difficult problems that you can more easily solve together.{% endblock
<p>It is worth mentioning that we were selected from many teams at the 9th China Regional IGEM Exchange and won the
Best Hardware Design Award!</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/02/10.jpg')}}" alt="jpg">
- <img src="{{ url_for('static', filename = 'images/02/11.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
+ <img src="" alt="jpg">
</div>
<h4>GXU-China</h4>
<p>We participated in the China iGEM Online Meetup jointly organized by Guangxi University, Northwestern Polytechnic
@@ -104,8 +104,8 @@ teams on difficult problems that you can more easily solve together.{% endblock
post-meeting discussion with the host team GXU-China about the experimental project of marine pollution control.
</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/02/12.jpg')}}" alt="jpg">
- <img src="{{ url_for('static', filename = 'images/02/13.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
+ <img src="" alt="jpg">
</div>
<h3>Offline meetings we attend</h3>
<h4>Worldshaper-HZ</h4>
@@ -118,7 +118,7 @@ teams on difficult problems that you can more easily solve together.{% endblock
exchanging ideas</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/02/15.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
</div>
diff --git a/wiki/pages/contribution.html b/wiki/pages/contribution.html
index a28908b..ec218e5 100644
--- a/wiki/pages/contribution.html
+++ b/wiki/pages/contribution.html
@@ -18,7 +18,7 @@
<h3 class="l">II. Joint Manual</h3>
<p>In order to better communicate and learn from other IGEM teams, we and the JLU-China team took the lead to write a joint handbook with other IGEM teams, detailing the whole process of different teams from the gathering of members, the initial birth of the project, communication and reflection, cooperation and working together to advance the competition. We hope that this joint manual can provide a reference for future IGEM teams to start from 0 to 1, and facilitate the project to start and finish well, and to fulfill the dream of Grand Jamboree (a lesson from the past, a lesson from the future). You can download it here. <a href="http://parts.igem.org/File:An_instruction_handbook_for_new_team.pdf">An instruction handbook for new team</a></p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/c1/0.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p class="c">This will be the framework for future exchanges and learning within and between teams.</p>
@@ -27,13 +27,13 @@
<p>We exploited the ability of the Cas13a and Cas14a proteins in the CRISPR/Cas system to remain active after targeted cleavage of ssRNA (ssDNA) (Figure 1) by coupling with TtCsm6 and Csm6 activator (A4-U6 oligonucleotides) to cleave and degrade the labeled nucleic acid to generate a fluorescent signal, coupled with the base complementary pairing of This detection system has the specificity, sensitivity and efficiency that no single protein detection method has.</p>
<p>Based on our group, we apply it to the detection of marine pathogenic microorganisms and their drug resistance, which is beneficial to the aquaculture industry for the early detection and treatment of different pathogenic bacteria, and is also conducive to the treatment of stubborn drug-resistant bacteria when they appear, etc. At the same time, based on the programmability of crRNA (sgRNA) to modify the specificity of related Cas proteins, the technology can be applied to nucleic acid detection in various industries, different organisms and different symptoms. In other words, the system will be able to achieve targeted detection whenever nucleic acid detection is required.</p>
<div class="opic annotation large">
- <img src="{{ url_for('static', filename = 'images/c1/1.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 1. Principle of nucleic acid detection of Cas14a</p>
</div>
<p>Due to the tolerance of Cas13a and Cas14a proteins to 1-2 base nucleotide polymorphisms in the target sequence, the efficiency of cleavage of Cas proteins in the detection system is greatly reduced, and incorrect recognition and cleavage will also lead to "false positives" in the detection. Thus, we can assume that if the detection system contains a certain concentration of SNPS target sequences, it will be difficult to distinguish whether the detection signal comes from the target fragment that we want to track (the difference is a thousand miles). Therefore, it is essential to accurately and effectively "block" the interference of the mutated nucleic acid fragment of the target gene.</p>
<p>To overcome this problem and improve the specificity of the CRISPR/Cas method. We will improve the accuracy of target sequence detection and enhance the specificity of the detection system by artificially designing Peptide nucleic acids (PNA) to base complementary pair with single base mutated target sequences to achieve single base recognition detection. This solution is an improvement to the existing nucleic acid detection methods of CRISPR/Cas systems (Cas13a and Cas14a), and additionally the csm6 protein is capable of signal amplification for detection of Cas13a and Cas14a proteins (Figure 2). And use it to detect antibiotic resistance genes in Hainan Island bacteria.</p>
<div class="opic annotation large">
- <img src="{{ url_for('static', filename = 'images/c1/2.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 2. The technical route of our testing platform</p>
</div>
<p>The goal of achieving high precision and easy-to-use tools for CRISPR/Cas method-based nucleic acid bioassays through next-generation detection instruments provides iGEM's other teams working on CRISPR-Cas nucleic acid detection projects with the convenience of rapid and accurate detection.</p>
@@ -41,7 +41,7 @@
<p>HainanU-China and UESTC-BioTech are both CRISPR/Cas system based technology development teams, based on the commonality of the technologies they use, in order to seek a wider common cooperation, we jointly organized the CRISPR meetup on August 14, 2022. The CRISPR meetup was co-hosted by us and UESTC-BioTech, and teams from CPU_China, SCU-China, BIT DUT_China, HiZJU-China, NWU-CHINA-A, SCAU_China and SJTU-software were invited to share their projects, and we discussed the difficulties encountered in the process of experiments and human practices, and actively faced the difficulties in the process of human practices. We discussed the difficulties encountered in the process of experimentation and human practice, actively faced and sought solutions to them, and, during this meeting, we also built strong friendships with many teams.</p>
<p class="c"><a href="http://parts.igem.org/File:Meetup_brochure.pdf">A copy of the meetup brochure is attached here for all those who have visited our wiki.</a></p>
<div class="opic annotation large">
- <img src="{{ url_for('static', filename = 'images/c1/3.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 2. The technical route of our testing platform</p>
</div>
</div>
diff --git a/wiki/pages/design.html b/wiki/pages/design.html
index cebc664..bdeafc4 100644
--- a/wiki/pages/design.html
+++ b/wiki/pages/design.html
@@ -17,37 +17,37 @@
detection methods.</p>
<p class="mt-5"> It is difficult to distinguish target RNA from mutant RNA.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/03/01.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/03/02.png')}}" alt="png" class="arrow">
+ <img src="" alt="png">
+ <img src="" alt="png" class="arrow">
</div>
<p class="r">Coexisting target RNA and mutant RNA in the reaction system.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/03/04.png')}}" alt="png" class="arrow">
- <img src="{{ url_for('static', filename = 'images/03/03.png')}}" alt="png" class="lpic">
+ <img src="" alt="png" class="arrow">
+ <img src="" alt="png" class="lpic">
</div>
<p>The design of the shackles.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/03/06.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/03/02.png')}}" alt="png" class="arrow">
+ <img src="" alt="png">
+ <img src="" alt="png" class="arrow">
</div>
<p class="r">The mutant RNA for each single base pair was shackled with a pre-designed PNA.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/03/04.png')}}" alt="png" class="arrow">
- <img src="{{ url_for('static', filename = 'images/03/07.png')}}" alt="png" class="lpic">
+ <img src="" alt="png" class="arrow">
+ <img src="" alt="png" class="lpic">
</div>
<p>CAS13A protein and CSM6 protein were linked in tandem to improve the detection efficiency, and
the problem of base mismatch was solved by PNA shackle, which made the detection accurate to single-base
recognition, fluorescent protein was used as the reporter signal. On this basis, we also develop a hardware to
get the detection results.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/03/08.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/03/05.png')}}" alt="png" class="arrow">
+ <img src="" alt="png" class="arrow">
</div>
<p class="c">Now it is possible to distinguish between target RNA and mutant RNA!</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/03/09.png')}}" alt="png">
+ <img src="" alt="png">
</div>
</div>
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index 37aae12..3774e6b 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -12,22 +12,22 @@ with new communities by discussing public values and the science behind syntheti
<p>We produced several tweets and promotional videos about synthetic biology and submitted them on bilibili.com and
WeChat, which were widely read and broadcasted.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/e1/xinjia1.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>In order to let more people know about IGEM, we put several videos about IGEM in Station B. In these videos, we
shared our experience in the competition and some interesting things happened in the process of the competition.In
addition, in order to achieve a high degree of integration with the social level, we also made most of the human
practice activities in the whole project into the form of video to promote our project.</p>
<div class="trpic">
- <img src="{{ url_for('static', filename = 'images/e1/xintu1.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/e1/xintu2.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/e1/xintu3.png')}}" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<p>We have also made full use of the WeChat official account as a publicity tool. We have posted many articles on the
WeChat official account in the fields of experiment, human practice, partnership and cooperation, so as to promote
the concept of synthetic biology and IGEM.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/e1/xintu4.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<h2>â…¡. Science Lectures</h2>
<p>To our surprise, our WeChat official account article was forwarded and publicized by the 9th CCIC community. This
@@ -62,20 +62,20 @@ with new communities by discussing public values and the science behind syntheti
<h4>I.Pre-planning</h4>
<p>Chinese version of the plan</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/e1/0.jpg')}}" alt="jpg">
- <img src="{{ url_for('static', filename = 'images/e1/1.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p>English translated version of the plan</p>
<div class="trpic">
- <img src="{{ url_for('static', filename = 'images/e1/2.jpg')}}" alt="jpg">
- <img src="{{ url_for('static', filename = 'images/e1/3.jpg')}}" alt="jpg">
- <img src="{{ url_for('static', filename = 'images/e1/4.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
+ <img src="" alt="jpg">
+ <img src="" alt="jpg">
</div>
<h4>II. Conducting science lectures</h4>
<p>Conducted by our team</p>
<p>Life Theme: "The Secret of Coffee"</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/5.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>Due to its refreshing effects and unique taste, coffee has been spread around the world for centuries. Nowadays,
coffee is no longer a "mysterious" drink for us, as cafes of all brands have sprung up all over China. On a lazy
@@ -84,7 +84,7 @@ with new communities by discussing public values and the science behind syntheti
mechanism of caffeine, rumours about coffee and the benefits of coffee.</p>
<p>Disease Theme: "Vanishing Love - Alzheimer's Disease"</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/6.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>According to the World Health Organisation (WHO), one person in the world is diagnosed with dementia every three
seconds. Alzheimer's disease (AD) accounts for 60-70% of dementia cases worldwide and is one of the major health
@@ -96,7 +96,7 @@ with new communities by discussing public values and the science behind syntheti
<p class="c m0">Cutting-edge technology theme: "Borealis knows horses, scientists know motors - DNA nanoscale
molecular motors"</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/7.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p>In a recent study published in the journal Nature, a team of physicists has used DNA origami to create the first
nanoscale electric motor built from DNA strands. This is not the first nanoscale DNA motor, but it is the first
@@ -105,7 +105,7 @@ with new communities by discussing public values and the science behind syntheti
motors, new research mechanisms and what is expected in terms of future applications of molecular motors.</p>
<p class="c m0">Cutting-edge technology theme: "The amazing genetic scalpel - CRISPR"</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/8.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p>Since the dawn of mankind, we have been forced to fight the oldest organisms on the planet - viruses. And the
CRISPR
@@ -115,14 +115,14 @@ with new communities by discussing public values and the science behind syntheti
<p class="c m0">Conducted by our partner teams</p>
<p class="c m0">Guangxi University - Into synthetic biology</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/9.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p>Yao Jiawei from Guangxi University introduced the development of synthetic biology, the current applications of
synthetic biology, the interdisciplinary nature of synthetic biology, and incidentally introduced iGEM to the
secondary school students.</p>
<p class="c m0">Jilin University - Synthetic Biology Series of Public Interest Classes</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/10.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p>Wang Shiyao from Jilin University briefly introduced the conventional idea of design-experiment-summary in
synthetic biology by explaining the in vitro synthesis of enzymes and other examples, helping to build a preliminary
@@ -130,28 +130,28 @@ with new communities by discussing public values and the science behind syntheti
<p class="c m0">Site conditions</p>
<p class="c m0">Site photo</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/11.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p>"The beauty of biology, the beauty of the world" Science Talk 2022.9.26 Science Talk begins.</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/12.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p>HainanU_China's Liang Moyan is giving a presentation on DNA molecular motors</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/13.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p class="c m0">Screenshot of video conference</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/14.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p>Secondary school students participating in a science talk through multimedia equipment in the classroom</p>
<p class="c m0">Site evaluation</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/e1/15.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p class="c m0">(Your report was very interesting and original.)</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/e1/16.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p class="c m0">(The content of the talk was new and broadened the children's horizons.)</p>
<h4>III. Return visit and feedback</h4>
@@ -180,7 +180,7 @@ with new communities by discussing public values and the science behind syntheti
<h4>IV. Follow-up</h4>
<p>We have videotaped the whole lecture and archived it on a web site for future teams to study and learn from.</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/17.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
</div>
<p class="c m0">(Video uploaded on the right, captions throughout on the left)</p>
<h2>â…¢. The iGEM Guide</h2>
@@ -191,7 +191,7 @@ with new communities by discussing public values and the science behind syntheti
team</a>
</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/e1/xintu5.png')}}" alt="xintu5.png">
+ <img src="" alt="xintu5.png">
</div>
<p>There is no doubt that our submission of the promotional video made more people know about our project and the IGEM
competition, and also made the concept of synthetic biology more widely known. We hope that in the future, through
diff --git a/wiki/pages/engineering.html b/wiki/pages/engineering.html
index 14813af..65808a0 100644
--- a/wiki/pages/engineering.html
+++ b/wiki/pages/engineering.html
@@ -11,8 +11,8 @@
<p>Our ultimate goal is to build a single-base, amplification-free, portable set of detection platforms. In the engineering success page, we first need to implement the most important and experimentally verified part, the single-base accuracy part. We learned from our review and experiments that Cas13a and Cas14a can tolerate 1-2 base mutations in target sequence recognition, specifically, if the target RNA or DNA has single nucleotide polymorphism in the detection system, it will lead to unclear signal source (from target sequence or mutated sequence), and subsequently will produce a "false positive "false positive" characterization.</p>
<p>To address this problem, we thought of combining single base mutation sequence with complementary paired CLAMP to shield the mutation sequence and enable Cas protein to recognize the target sequence more accurately. At the same time, to ensure the stability of the CLAMP-mutation sequence, we will use peptide nucleic acid (PNA) as the backbone of CLAMP, which will reduce the intensity of the "false positive" signal and make it easier for us to identify the source of the signal.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/engi1/0.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/engi1/1.png')}}" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<p>To achieve amplification-free detection, we will use the trans cleavage activity of Cas13a and Cas14a to cleave and degrade the labeled nucleic acid by coupling with TtCsm6 and Csm6 activator (A4-U6 oligonucleotide) to generate fluorescent signals (through the linkage between the proteins to transmit and amplify the signal in the process), coupled with the base complementary pairing PNA "CLAMP" to shield the single base mutation sequence, this detection system has a specificity, sensitivity and high efficiency that no single protein detection means has.</p>
<h2>Engineering Cycle</h2>
@@ -21,7 +21,7 @@
<h2>1.1 DESIGN：</h2>
<p>His tag-MBP-Cas14a9 (<a href="http://parts.igem.org/Part:BBa_K4223018">BBa_K4223018</a>) makes an important part of our project and we use it for efficient and high quality Cas14a protein expression and purification extraction. MBP helps to increase the yield of soluble protein in E. coli, and TEV is used as an enzymatic site to purify MBP-Cas14a recombinant protein after His tag binding to a Ni column, which retains the pure Cas14a protein and passed through the heparin column.</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/engi1/2.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<h2>1.2 BUILD</h2>
<p>His tag-MBP-Cas14a1 purification
@@ -51,13 +51,13 @@ TEV and MBP max speed 5ml/min
A1 pure water A2 equilibrium solution B eluent A3 20% ethanol
When the machine is turned off, water wash once, unload the column (1ml/min) ethanol wash once</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/engi1/3.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/engi1/4.png')}}" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<p>4. Measure protein concentration (kit) Measure protein concentration (kit), 96-well plate, 100ul BCA working solution per well, 1ul Cu reagent 10ul protein, two protein two-well, measure absorbance, about 0.4 is normal value</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/engi1/5.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/engi1/6.png')}}" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<p>5. Mix digestion with protein concentration 1:1 equal volume digestion (TEV slightly more) two tubes mixed, 4 ° c overnight
Day4.
@@ -67,7 +67,7 @@ Top sample, centrifugation, 30min 3800r until protein is consumed, replenish equ
Loading the machine
Wash the machine as before, wash the column to wash the equilibrium solution once more, heparin column 1ml/min (pay special attention to sample evacuation)</p>
<div class="opic large">
- <img src="{{ url_for('static', filename = 'images/engi1/7.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>Csm6 purification
Day1
@@ -100,18 +100,18 @@ SDS-page protein gel electrophoresis
5.Staining of gel plate Decolorization
6.Observation</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/engi1/7.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/engi1/8.png')}}" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<h2>1.3 TEST</h2>
<b>To further examine the protein activity of Cas14a and Csm6</b>,<p>we set up the system without the addition of target DNA as the control group and the system with the addition of target DNA as the experimental group. The fluorescence assay was performed on 4 groups of samples at 37°C using an enzymatic standard (excitation wavelength 492 nm, emission wavelength 520 nm). Three parallel samples of each group were measured and the variance and mean were calculated and plotted with Origin 9.0. As shown in the figure, the validation of the cleavage activity of cas14a1 and csm6 proteins was finally completed.</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/engi1/9.png')}}" alt="png">
+ <img src="" alt="png">
<p>Validation of the activity of Csm6 protein</p>
</div>
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/engi1/10.png')}}" alt="png">
+ <img src="" alt="png">
<p>Validation of the activity of Csm14 protein</p>
</div>
</div>
@@ -124,11 +124,11 @@ SDS-page protein gel electrophoresis
<b>In the previous cycle, we successfully expressed the desired Cas and Csm6 proteins and presented the problem with a corresponding solution. We will then confirm the "false positive" characterization in the next cycle to determine the interference of the mutant sequence with the clear signal source when the target sequence coexists with the mutant sequence in the reaction system.</b>
<p>We designed two 22-base-long target ssDNA sequences and target ssRNAs, respectively, and both designed 12 sequences with inversions at odd sites, respectively, as mutant sequences in our laboratory:</p>
<div class="opic annotation large">
- <img src="{{ url_for('static', filename = 'images/engi1/11.png')}}" alt="png">
+ <img src="" alt="png">
<p>Test sequence of Cas13a</p>
</div>
<div class="opic annotation large">
- <img src="{{ url_for('static', filename = 'images/engi1/12.png')}}" alt="png">
+ <img src="" alt="png">
<p>Test sequence of Cas14a</p>
</div>
<h2>2.2 BUILD</h2>
@@ -169,11 +169,11 @@ Ac & Target or clamps or mutants (in DEPC water) total 6.33 uL。
Target or clamps or mutants (in DEPC water) total 7.83 uL。</p>
<h2>2.3 TEST</h2>
<div class="opic annotation large">
- <img src="{{ url_for('static', filename = 'images/engi1/13.png')}}" alt="png">
+ <img src="" alt="png">
<p>Detection results of Cas14a protein for DNA sequences (revealed by relative fluorescence unit RFU)</p>
</div>
<div class="opic annotation large">
- <img src="{{ url_for('static', filename = 'images/engi1/14.png')}}" alt="png">
+ <img src="" alt="png">
<p>Detection results of Cas13a protein for DNA sequences (revealed by relative fluorescence unit RFU)</p>
</div>
<p>The recognition and cleavage of the target sequences by Cas14a and Cas13a proteins, thus exhibiting trans cleavage activity, and consequently the fluorescence signal report, we show as Relative fluorescence unit (RFU). We can observe that each detected sequence exhibits a different fluorescence signal intensity, and M7, M20, RM8, RM15 and RM19 are significantly larger than the target sequence. This indicates that false positive characterization does exist and the specificity of the detection is affected differently depending on the mutation site.</p>
@@ -184,7 +184,7 @@ Target or clamps or mutants (in DEPC water) total 7.83 uL。</p>
<h2>3.1 DESIGN</h2>
<b>Here we plan to provide a solution to the false positive problem that occurred in the last engineering cycle. We will use synthetic target sequences with mutant sequences in the wet lab to simulate the processing of samples in a real environment.</b><p>Here we plan to provide a solution to the false positive problem that occurred in the last engineering cycle. We will use synthetic target sequences with mutant sequences in the wet lab to simulate the processing of samples in a real environment.</p>
<div class="opic annotation large">
- <img src="{{ url_for('static', filename = 'images/engi1/15.png')}}" alt="png">
+ <img src="" alt="png">
<p>Comparison of PNA and DNA structures</p>
</div>
<h2>3.2 BUILD</h2>
@@ -193,28 +193,28 @@ Target or clamps or mutants (in DEPC water) total 7.83 uL。</p>
<p>Taking Cas14a1 as an example, based on the experimental results in Cycle 2 (Confirmation of "false positive" characterization), sequences with mutation sites at 5', -5, 7, 20-3' bases were selected from a series of sequences with single-base mutations. -5, 7, 20-3' bases, which showed high RFU in the false positive mock assay, were selected as typical sequences to demonstrate the role of the shackle system (clamp).
Initially, we used the designed complementary DNA as clamp as a pre-experiment to verify the preliminary role of Clamp. As illustrated by the experimental results presented in the figure below: the Relative fluorescence unit (RFU) of the experimental group with the addition of DNA-clamp was significantly lower than that of the control group, and combined with the Delta-RFU analysis, Clamp did reduce the interference of mutant sequences on the assay results.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/engi1/16.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/engi1/17.png')}}" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<p>But just DNA as clamp is not enough for the goal of our project. So we designed PNA as clamp and validated it in the same way. We also compared the control group with DNA-clamp and PNA-clamp to make the data more reliable. The above two experiments also demonstrate that our idea of designing "Clamp" to avoid the defect of misidentification of target sequences by Cas13a and Cas14a due to similar mutated sequences can be realized.</p>
<div class="trpic">
- <img src="{{ url_for('static', filename = 'images/engi1/18.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/engi1/19.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/engi1/20.png')}}" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<p>Although we have verified that PNA as clamp has better effect than DNA as clamp, however, we are not yet sure to what extent the shielding effect of using PNA as clamp on single base mutation false sequences can be achieved, and it is not clear what effect different concentrations of PNA have on the effect of target sequence detection. So, we set a certain amount of PNA (100nM) and gradient concentrations of target and mutant sequences in combination, and found that the interference of PNA on mutant sequences was significantly greater than that of target sequences, and even after the concentration of mutant sequences was less than 100nM, its RFU dropped in a precipitous manner. When PNA was relatively saturated in the mutant sequence, it was able to play an almost complete shielding role. In the absence of PNA addition, the magnitude of RFU change of both was not as obvious as when PNA was added.</p>
<div class="trpic">
- <img src="{{ url_for('static', filename = 'images/engi1/21.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/engi1/22.png')}}" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<p>In the system of Cas13a, as shown in the figure below, the shielding effect of PNA-CLAMP on complementary sequences gradually increased as the concentration of PNA-CLAMP increased (0-100 nM) for a certain amount of the shielded sequence, indicating that the shielding effect increased with the amount of PNA-CLAMP within a certain concentration range.</p>
<div class="trpic">
- <img src="{{ url_for('static', filename = 'images/engi1/23.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/engi1/24.png')}}" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<p>In the data in the figure below, we show that when PNA-CLAMP coexists with target and mutant sequences, only the signal of mutant sequences is significantly shielded, while target sequences are largely unaffected. It indicates that the application of PNA-CLAMP in single-base detection platform is feasible and has predictable good results.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/engi1/25.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<h2>3.4 LEARN</h2>
<h3>Instrument</h3>
diff --git a/wiki/pages/hardware.html b/wiki/pages/hardware.html
index 0c307be..95eb973 100644
--- a/wiki/pages/hardware.html
+++ b/wiki/pages/hardware.html
@@ -13,45 +13,45 @@
<p>The system has 3 main modules, mainly divided into temperature regulation module, light path detection module and Android screen display module
The following shows the system block diagram.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/0.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<h2>2.1 Temperature regulation</h2>
<p>The samples need to be tested at a constant temperature, so here we made a heating film with a rated power of 20w and attached it to the surface of the heat-conducting aluminum according to its dimensions. Using a temperature sensor, the temperature sensor is inserted directly into the thermal conductive aluminum, so it is more accurate and real-time monitoring of the internal culture temperature of the thermal conductive aluminum. Use stm32f103c8t6 master control chip, with pid algorithm to control the temperature rise and final stabilization.
The physical connection of the special heat-conducting aluminum, heating film and temperature sensor is as follows</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/1.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>Assuming that the set temperature is 37℃, after the actual test, it can be obtained that it takes 260s to rise from room temperature 28℃ to the set temperature. the overshoot after reaching the set temperature is within 0.2℃, and the final temperature can be stabilized at about 37℃ with an error of ±0.1℃. Compared with some conventional enzyme markers, the time to warm up and reach the stable temperature is faster.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/2.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<h2>2.2 Optical path structure</h2>
<p>At the light source end, we use led light beads, which are small in size, consume less power at the same brightness, have high luminous efficiency, fast response time, and do not exist such as mercury, lead and other environmental pollutants, known as "green light source". Optical fiber is used to transmit the light path to the bottom of the culture chamber. We use special structural components to isolate each light source to avoid interference from the bypass.
At the receiving end, we use a photodiode, which transmits the fluorescence generated to the photodiode in the horizontal direction of the incubation chamber using optical fiber. The photodiode receives the fluorescence and generates a photocurrent at the uA level, which is then detected through IV conversion, amplification circuits and A/D conversion.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/3.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<h2>2.3 Android screen display</h2>
<p>In order to improve a good user experience, we developed a software interface based on the off-the-shelf Android screen for users to use. The entire workflow of the instrument is clear on the Android screen.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/4.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<h2>2.4 Equipment demonstration</h2>
<p>(1) Set the sample description, including sample name, incubation chamber temperature, test duration, etc.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/5.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>(2) Click the start detection button</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/6.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>(3) The temperature reaches the prompt to put the sample into the incubation chamber</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/7.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>(4) Wait for the end of detection or click the end detection button to end the process</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/8.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>To demonstrate the feasibility of a portable marine drug-resistant microbial assay, we used standard enzyme markers for the same samples in order to compare the results.</p>
<p>After the comparison of the results, the results of the portable marine drug-resistant microbial detector were basically consistent with those of the enzyme marker, which proved the feasibility of the portable marine drug-resistant microbial detector.</p>
@@ -60,16 +60,16 @@ At the receiving end, we use a photodiode, which transmits the fluorescence gene
<p>The main board mainly consists of voltage conversion module, stm32f103c8t6 module, receiver board interface, Android screen interface, serial port 1 interface, STLINK interface, temperature sensor interface, and heating film driver circuit.</p>
<p>Motherboard PCB:</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/9.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>The receiver board mainly consists of a light source module, a photodiode module, a motherboard interface and an AD conversion module.</p>
<p>Receiver board PCB front:</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/10.png')}}" alt="png">
+ <img src="}" alt="png">
</div>
<p>Back of the receiver board PCB:</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/h1/11.png')}}" alt="png">
+ <img src="}" alt="png">
</div>
<p>The entire system can be implemented by powering it from a 12v adapter. </p>
</div>
diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index d71ac80..8f05f7a 100644
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -10,27 +10,27 @@
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/0.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 1a. Professor Liao Chenghong</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/1.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 1b. Professor Zhou Hailong</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/2.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 1c. Dr. Wan Yi</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/3.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 2a. CU-Boulder</p>
</div>
</div>
@@ -38,111 +38,111 @@
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/4.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 2b</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/5.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 2c</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/6.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 2d</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/7.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 4a</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/8.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 4b</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/9.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 4c</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/10.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 4d</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/11.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 4e</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/12.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 4f</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/13.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 4g</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/14.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 4h</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/15.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 5a.Topography of Haikou</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/16.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 5b. Terrain</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/17.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 5c</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/18.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 6a</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/h2/19.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 6b</p>
</div>
</div>
diff --git a/wiki/pages/implementation.html b/wiki/pages/implementation.html
index 071eafc..d909fab 100644
--- a/wiki/pages/implementation.html
+++ b/wiki/pages/implementation.html
@@ -13,29 +13,29 @@
<h3>Target Users</h3>
<p>Our project products are aimed at people engaged in coastal operations or monitoring the marine environment, aiming to be able to carry out its portable, high-sensitivity detection capabilities, to cut off drug-resistant pathogens and other harmful marine microorganisms through the food chain and other ways into people's living environment. Because our products are more specific than the traditional amplification detection technology, and the product design is portable. As a result, our products are more popular than traditional detection tools.</p>
<div class="tpic">
- <img src="{{ url_for('static', filename = 'images/i1/0.png')}}" alt="png">
- <img src="{{ url_for('static', filename = 'images/i1/1.png')}}" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<h3>The use of Instrument</h3>
<p>In order to improve the user experience, we have developed a software interface based on the existing Android screen for users to use. The workflow of the device is clear on the android screen.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/i1/2.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>（1）Set sample description, including sample name, culture room temperature, test time, etc.</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/i1/3.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>（2）Click the start detection button</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/i1/4.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>（3）Put the sample into the culture room when the temperature is reached</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/i1/5.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>（4）Wait for the end of detection or click the end of detection button to end the process</p>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/i1/6.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<p>In order to prove the feasibility of the portable marine drug resistance microbial detector, we used a standard enzyme marker to detect the same samples, in order to compare the results. The results of the portable marine drug resistance microbial detector were consistent with those of the microplate reader, which proved the feasibility of the portable marine drug resistance microbial detector.</p>
<h3>User experience improvement plan and future improvements</h3>
diff --git a/wiki/pages/partnership.html b/wiki/pages/partnership.html
index d78096f..12eeb4e 100644
--- a/wiki/pages/partnership.html
+++ b/wiki/pages/partnership.html
@@ -9,63 +9,63 @@
<div class="row display ltext">
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/0.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 1. Team crest of HainanU-China</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/1.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 2. Team crest of JLU China</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/2.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 3. Photo of members of HainanU-China group</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/3.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 4. Photo of members of JLU-China group</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/4.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 5. Screenshot of partnership building meeting</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/5.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 6. Pointing out problems to each other to promote the overall progress.</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/6.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 7. Some screenshots of our magazine</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/7.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 8. Online Public Welfare Lecture</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/8.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 9. PRO plasmid
(fluorescent protein coding sequence ↠toxic protein coding sequence)</p>
</div>
@@ -73,18 +73,18 @@
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/9.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 10. Pro target plasmids that replace fluorescent proteins with toxic proteins</p>
</div>
</div>
<div class="tpic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/10.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 11a. Screenshot of our cooperation manual</p>
</div>
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/11.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 11b. Screenshot of our cooperation manual</p>
</div>
</div>
@@ -92,81 +92,81 @@
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/12.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 12. Screenshot of chat between members of the two teams</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/13.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 13. Files in our group (A total of 51 files)</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/14.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 14. Members of our group and other cooperation group </p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/15.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 15. Timeline for Crispr/cas diagnostic </p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/16.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 16. Preliminary Partnership Meeting</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/17.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 17. Progress of the hardware setup</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/18.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 18. Discuss the work related to human practice</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/19.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 19. Interview of the advisor of HainanU-China team</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/20.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 20. Meetup Booklet between HainanU-China and Worldshaper-HZ</p>
</div>
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/21.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 21. Our Photo in front of the Signature Wall</p>
</div>
</div>
<div class="opic">
- <img src="{{ url_for('static', filename = 'images/p2/22.png')}}" alt="png">
+ <img src="" alt="png">
</div>
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/23.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 14. Members of our group and other cooperation group </p>
</div>
</div>
@@ -174,7 +174,7 @@
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/24.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 23. Team logos of HainanU-China and UESTC-BioTech</p>
</div>
</div>
@@ -182,7 +182,7 @@
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/25.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 24. Online meetings and questionnaires in preparation for the process</p>
</div>
</div>
@@ -190,7 +190,7 @@
<div class="opic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p2/26.png')}}" alt="png">
+ <img src="" alt="png">
<p>Figure 25. CRISPR conference brochure and screenshots of the meeting</p>
</div>
</div>
diff --git a/wiki/pages/proof-of-concept.html b/wiki/pages/proof-of-concept.html
index 2a03bf5..bfca97e 100644
--- a/wiki/pages/proof-of-concept.html
+++ b/wiki/pages/proof-of-concept.html
@@ -30,11 +30,11 @@ project.{% endblock %}
successfully purified Cas13a, Cas14a and csm6 proteins using the protein purification instrument belonging to the
State Key Laboratory of Marine Resources Utilization in the South China Sea.</p>
<div class="opic annotation large">
- <img src="{{ url_for('static', filename = 'images/p1/0.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 1a. Protein Passage Curve</p>
</div>
<div class="opic annotation">
- <img src="{{ url_for('static', filename = 'images/p1/1.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 1a. Protein Passage Curve</p>
</div>
<p>The two graphs show the protein purification real-time monitoring data and the csm6 protein gel electrophoresis
@@ -46,16 +46,16 @@ project.{% endblock %}
also met our expectations for the proteins (Fig.3c).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/2.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 2a</p>
</div>
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/3.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 2b</p>
</div>
</div>
<div class="opic annotation">
- <img src="{{ url_for('static', filename = 'images/p1/4.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 2c</p>
</div>
<h2>Confirmation of “false positive†characterization</h2>
@@ -70,11 +70,11 @@ project.{% endblock %}
different effects on the specificity of the detection depending on the mutation site (Fig.2b).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/5.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 3a</p>
</div>
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/6.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 3b</p>
</div>
</div>
@@ -82,11 +82,11 @@ project.{% endblock %}
in recognition of the sequence (Fig 3c, Fig 3d).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/7.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 3c</p>
</div>
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/8.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 3d</p>
</div>
</div>
@@ -105,11 +105,11 @@ project.{% endblock %}
on the assay results.</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/9.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 4a</p>
</div>
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/10.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 4b</p>
</div>
</div>
@@ -122,16 +122,16 @@ project.{% endblock %}
misidentification, can be realized.</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/11.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 4c</p>
</div>
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/12.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 4d</p>
</div>
</div>
<div class="opic annotation">
- <img src="{{ url_for('static', filename = 'images/p1/13.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 4e</p>
</div>
<p>Although we have verified that PNA as clamp has better effect than DNA as clamp, however, we are not yet sure to
@@ -143,7 +143,7 @@ project.{% endblock %}
PNA was relatively saturated in the mutant sequence, it was able to play an almost complete shielding role. In the
absence of PNA addition, the magnitude of RFU change of both was not as obvious as when PNA was added (Fig 4f).</p>
<div class="opic annotation">
- <img src="{{ url_for('static', filename = 'images/p1/14.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 4f</p>
</div>
<p>Through further experimental design and verification, we found that the shielding effect of PNA on mutant sequences
@@ -153,11 +153,11 @@ project.{% endblock %}
concentration until it tends to 0 (Fig 4h).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/15.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 4g</p>
</div>
<div class="pic-t">
- <img src="{{ url_for('static', filename = 'images/p1/16.jpg')}}" alt="jpg">
+ <img src="" alt="jpg">
<p>Figure 4h</p>
</div>
</div>
--
GitLab
From a8184c5519d9bf65c46df4578683005fde4ec644 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Thu, 6 Oct 2022 18:11:18 +0800
Subject: [PATCH 13/35] update
---
wiki/pages/education.html | 32 ++++++++++++++++----------------
1 file changed, 16 insertions(+), 16 deletions(-)
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index 3774e6b..2db599b 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -62,14 +62,14 @@ with new communities by discussing public values and the science behind syntheti
<h4>I.Pre-planning</h4>
<p>Chinese version of the plan</p>
<div class="tpic">
- <img src="" alt="jpg">
- <img src="" alt="jpg">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<p>English translated version of the plan</p>
<div class="trpic">
- <img src="" alt="jpg">
- <img src="" alt="jpg">
- <img src="" alt="jpg">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
</div>
<h4>II. Conducting science lectures</h4>
<p>Conducted by our team</p>
@@ -96,7 +96,7 @@ with new communities by discussing public values and the science behind syntheti
<p class="c m0">Cutting-edge technology theme: "Borealis knows horses, scientists know motors - DNA nanoscale
molecular motors"</p>
<div class="opic large">
- <img src="" alt="jpg">
+ <img src="" alt="png">
</div>
<p>In a recent study published in the journal Nature, a team of physicists has used DNA origami to create the first
nanoscale electric motor built from DNA strands. This is not the first nanoscale DNA motor, but it is the first
@@ -105,7 +105,7 @@ with new communities by discussing public values and the science behind syntheti
motors, new research mechanisms and what is expected in terms of future applications of molecular motors.</p>
<p class="c m0">Cutting-edge technology theme: "The amazing genetic scalpel - CRISPR"</p>
<div class="opic large">
- <img src="" alt="jpg">
+ <img src="" alt="png">
</div>
<p>Since the dawn of mankind, we have been forced to fight the oldest organisms on the planet - viruses. And the
CRISPR
@@ -115,14 +115,14 @@ with new communities by discussing public values and the science behind syntheti
<p class="c m0">Conducted by our partner teams</p>
<p class="c m0">Guangxi University - Into synthetic biology</p>
<div class="opic large">
- <img src="" alt="jpg">
+ <img src="" alt="png">
</div>
<p>Yao Jiawei from Guangxi University introduced the development of synthetic biology, the current applications of
synthetic biology, the interdisciplinary nature of synthetic biology, and incidentally introduced iGEM to the
secondary school students.</p>
<p class="c m0">Jilin University - Synthetic Biology Series of Public Interest Classes</p>
<div class="opic large">
- <img src="" alt="jpg">
+ <img src="" alt="png">
</div>
<p>Wang Shiyao from Jilin University briefly introduced the conventional idea of design-experiment-summary in
synthetic biology by explaining the in vitro synthesis of enzymes and other examples, helping to build a preliminary
@@ -130,28 +130,28 @@ with new communities by discussing public values and the science behind syntheti
<p class="c m0">Site conditions</p>
<p class="c m0">Site photo</p>
<div class="opic large">
- <img src="" alt="jpg">
+ <img src="" alt="png">
</div>
<p>"The beauty of biology, the beauty of the world" Science Talk 2022.9.26 Science Talk begins.</p>
<div class="opic large">
- <img src="" alt="jpg">
+ <img src="" alt="png">
</div>
<p>HainanU_China's Liang Moyan is giving a presentation on DNA molecular motors</p>
<div class="opic large">
- <img src="" alt="jpg">
+ <img src="" alt="png">
</div>
<p class="c m0">Screenshot of video conference</p>
<div class="opic large">
- <img src="" alt="jpg">
+ <img src="" alt="png">
</div>
<p>Secondary school students participating in a science talk through multimedia equipment in the classroom</p>
<p class="c m0">Site evaluation</p>
<div class="opic">
- <img src="" alt="jpg">
+ <img src="" alt="png">
</div>
<p class="c m0">(Your report was very interesting and original.)</p>
<div class="opic">
- <img src="" alt="jpg">
+ <img src="" alt="png">
</div>
<p class="c m0">(The content of the talk was new and broadened the children's horizons.)</p>
<h4>III. Return visit and feedback</h4>
@@ -180,7 +180,7 @@ with new communities by discussing public values and the science behind syntheti
<h4>IV. Follow-up</h4>
<p>We have videotaped the whole lecture and archived it on a web site for future teams to study and learn from.</p>
<div class="opic large">
- <img src="" alt="jpg">
+ <img src="" alt="png">
</div>
<p class="c m0">(Video uploaded on the right, captions throughout on the left)</p>
<h2>â…¢. The iGEM Guide</h2>
--
GitLab
From 05883153df97fedc38c6ffe75568ac3e408770c1 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Fri, 7 Oct 2022 09:06:37 +0800
Subject: [PATCH 14/35] update
---
wiki/menu.html | 10 +++++-----
1 file changed, 5 insertions(+), 5 deletions(-)
diff --git a/wiki/menu.html b/wiki/menu.html
index d29a0cd..c595fba 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -15,28 +15,28 @@
</ul>
</li>
<li class="nav-title middle-nav nav-list">
- <div class="nav-link nav-tag"><span>Dry lab</span></div>
+ <div class="nav-link nav-tag"><span>Dry lab</span></div>
<ul class="tag little" id="dry-lab">
<li><a href="{{ url_for('pages', page='MODEL') }}" class="tag-link">MODEL</a></li>
<li><a href="{{ url_for('pages', page='HARDWARE') }}" class="tag-link">HARDWARE</a></li>
</ul>
</li>
<li class="nav-title long-nav nav-list">
- <div class="nav-link nav-tag"><span>Human practices</span></div>
+ <div class="nav-link nav-tag"><span>Human practices</span></div>
<ul class="tag long" id="h-practices">
<li><a href="{{ url_for('pages', page='human-practices') }}"
- class="tag-link">HUMAN PRACTICES</a></li>
+ class="tag-link">HUMAN PRACTICES</a></li>
<li><a href="{{ url_for('pages', page='EDUCATION') }}" class="tag-link">EDUCATION</a></li>
<li><a href="{{ url_for('pages', page='COLLABORATIONS') }}" class="tag-link">COLLABORATIONS</a></li>
<li><a href="{{ url_for('pages', page='PARTNERSHIP') }}" class="tag-link">PARTNERSHIP</a></li>
</ul>
</li>
<li class="nav-title nav-list">
- <div class="nav-link nav-tag"><span>Wet lab</span></div>
+ <div class="nav-link nav-tag"><span>Wet lab</span></div>
<ul class="tag long" id="wet-lab">
<li><a href="{{ url_for('pages', page='ENGINEERING') }}" class="tag-link">ENGINEERING</a></li>
<li><a href="{{ url_for('pages', page='PROOF-OF-CONCEPT') }}"
- class="tag-link">PROOF OF CONCEPT</a></li>
+ class="tag-link">PROOF OF CONCEPT</a></li>
<li><a href="{{ url_for('pages', page='PARTS') }}" class="tag-link">PARTS</a></li>
<li><a href="{{ url_for('pages', page='NOTEBOOK') }}" class="tag-link">NOTEBOOK</a></li>
<li><a href="{{ url_for('pages', page='SAFETY') }}" class="tag-link">SAFETY</a></li>
--
GitLab
From 3c2ff4e650fac6780922ef377c8a4a1033928b02 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Fri, 7 Oct 2022 09:17:04 +0800
Subject: [PATCH 15/35] update
---
static/js/pic-link.js | 3 +--
1 file changed, 1 insertion(+), 2 deletions(-)
diff --git a/static/js/pic-link.js b/static/js/pic-link.js
index c536456..c710269 100644
--- a/static/js/pic-link.js
+++ b/static/js/pic-link.js
@@ -32,8 +32,7 @@ $(function(){
pictit[i] = piclink[i] + (q.indexOf(i) +1);
}
}
-
- var fold = pictit[allTitles.indexOf($(".header-title")[0].innerText.toLowerCase())];
+ var fold = pictit[allTitles.indexOf($('title')[0].innerText.split(" |")[0].toLowerCase())];
url += "/"+fold+"/";
$(".display").find("img").each(function(i){
var pic = i+"."+$(this)[0].alt;
--
GitLab
From a87b61bc8c03da5de58da97ff1dae549094f40c7 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Fri, 7 Oct 2022 11:41:49 +0800
Subject: [PATCH 16/35] update
---
wiki/pages/proof-of-concept.html | 34 ++++++++++++++++----------------
1 file changed, 17 insertions(+), 17 deletions(-)
diff --git a/wiki/pages/proof-of-concept.html b/wiki/pages/proof-of-concept.html
index bfca97e..8f1b1ba 100644
--- a/wiki/pages/proof-of-concept.html
+++ b/wiki/pages/proof-of-concept.html
@@ -30,11 +30,11 @@ project.{% endblock %}
successfully purified Cas13a, Cas14a and csm6 proteins using the protein purification instrument belonging to the
State Key Laboratory of Marine Resources Utilization in the South China Sea.</p>
<div class="opic annotation large">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 1a. Protein Passage Curve</p>
</div>
<div class="opic annotation">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 1a. Protein Passage Curve</p>
</div>
<p>The two graphs show the protein purification real-time monitoring data and the csm6 protein gel electrophoresis
@@ -46,16 +46,16 @@ project.{% endblock %}
also met our expectations for the proteins (Fig.3c).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 2a</p>
</div>
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 2b</p>
</div>
</div>
<div class="opic annotation">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 2c</p>
</div>
<h2>Confirmation of “false positive†characterization</h2>
@@ -70,11 +70,11 @@ project.{% endblock %}
different effects on the specificity of the detection depending on the mutation site (Fig.2b).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 3a</p>
</div>
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 3b</p>
</div>
</div>
@@ -82,11 +82,11 @@ project.{% endblock %}
in recognition of the sequence (Fig 3c, Fig 3d).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 3c</p>
</div>
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 3d</p>
</div>
</div>
@@ -105,11 +105,11 @@ project.{% endblock %}
on the assay results.</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 4a</p>
</div>
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 4b</p>
</div>
</div>
@@ -122,16 +122,16 @@ project.{% endblock %}
misidentification, can be realized.</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 4c</p>
</div>
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 4d</p>
</div>
</div>
<div class="opic annotation">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 4e</p>
</div>
<p>Although we have verified that PNA as clamp has better effect than DNA as clamp, however, we are not yet sure to
@@ -143,7 +143,7 @@ project.{% endblock %}
PNA was relatively saturated in the mutant sequence, it was able to play an almost complete shielding role. In the
absence of PNA addition, the magnitude of RFU change of both was not as obvious as when PNA was added (Fig 4f).</p>
<div class="opic annotation">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 4f</p>
</div>
<p>Through further experimental design and verification, we found that the shielding effect of PNA on mutant sequences
@@ -153,11 +153,11 @@ project.{% endblock %}
concentration until it tends to 0 (Fig 4h).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 4g</p>
</div>
<div class="pic-t">
- <img src="" alt="jpg">
+ <img src="" alt="png">
<p>Figure 4h</p>
</div>
</div>
--
GitLab
From 6b6e70ade3a08e7219b276af83e3066a947de112 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Fri, 7 Oct 2022 21:50:32 +0800
Subject: [PATCH 17/35] update
---
static/css/content.css | 52 +++-
static/js/partnership.js | 23 ++
static/js/title-list.js | 7 +-
wiki/layout.html | 1 +
wiki/pages/engineering.html | 299 +++++++++++++--------
wiki/pages/notebook.html | 31 +--
wiki/pages/partnership.html | 505 ++++++++++++++++++++++--------------
7 files changed, 591 insertions(+), 327 deletions(-)
create mode 100644 static/js/partnership.js
diff --git a/static/css/content.css b/static/css/content.css
index 5086654..aee8161 100644
--- a/static/css/content.css
+++ b/static/css/content.css
@@ -323,15 +323,20 @@ img.lpic {
.h2-list li {
padding-left: 30px;
position: relative;
- height: 80px;
+ min-height: 80px;
box-sizing: border-box;
border-bottom: 1px solid #cdcdcd;
font-size: 0.9em;
+ display: flex;
+ align-items: center;
+
}
.h2-list li a{
font-size: 1.4em;
color: black;
+ display: inline-block;
+ transform: translateY(0);
word-break:hyphenate;
}
@@ -358,4 +363,49 @@ img.lpic {
.list-none{
width: 100%;
+}
+
+.display{
+ min-height: 900px;
+}
+
+
+.cbtn{
+ height: 150px;
+ width: 100%;
+}
+
+.cbtn ul{
+ position: relative;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ margin: 0 auto;
+ height: 38px;
+ display: inline-block;
+}
+
+.cbtn ul li{
+ height: 38px;
+ margin: 0 5px;
+ float: left;
+}
+
+.sname{
+ text-align: center;
+ text-indent: 0;
+ font-family: 'w6';
+ font-size: 4em;
+}
+
+.mt30{
+ margin-top: 30px !important;
+}
+
+.school{
+ display: none;
+}
+
+.disp{
+ display: block;
}
\ No newline at end of file
diff --git a/static/js/partnership.js b/static/js/partnership.js
new file mode 100644
index 0000000..37c4f1d
--- /dev/null
+++ b/static/js/partnership.js
@@ -0,0 +1,23 @@
+$(function(){
+ $("button").each(function(item){
+ $(this).attr("index", item);
+ $(this).click(function(){
+ $('.school').removeClass('disp');
+ $('.school').find("h2").removeClass('dp');
+ $($('.school')[$(this).attr("index")]).addClass('disp');
+ $($('.school')[$(this).attr("index")]).find("h2").addClass('dp');
+ $($('.school')[$(this).attr("index")]).fadeIn();
+ $('.h2-list').children().each(function(){
+ $('.h2-list')[0].removeChild($(this)[0]);
+ });
+ h2 = $('.dp');
+ h2.each(function (i) {
+ var list = document.createElement('li');
+ titles[i] = h2[i].innerText;
+ $(h2[i]).prop("id", i);
+ list.innerHTML = "<a href=#" + i + ">" + titles[i] + "</a>";
+ lists.appendChild(list);
+ });
+ });
+ });
+})
\ No newline at end of file
diff --git a/static/js/title-list.js b/static/js/title-list.js
index b67c2f2..6c500e0 100644
--- a/static/js/title-list.js
+++ b/static/js/title-list.js
@@ -1,10 +1,12 @@
-var h2 = !($(".display").children("h2")[0])?$(".display").children("h3"): $(".display").children("h2");
+$('.disp').find("h2").addClass('dp');
+var h2 = !($(".display").find("h2")[0])?$(".display").find("h3"): $(".display").find("h2");
+h2 = !($('.dp')[0])?h2:$('.dp');
var Topic = $(".header-title")[0].innerText;
var titles = new Array();
var div = document.createElement('div');
div.classList.add("display-titles");
div.innerHTML = " <div class='big-title'><span>" + Topic + "</span ></div ><div class='title-list'><ul class='h2-list'></ul></div>";
-($(".display")[0])&&!($(".list-none")[0]) ? $(".container")[0].insertBefore(div, $(".display")[0]) : console.log('1');
+($(".display")[0])&&!($(".list-none")[0])? $(".container")[0].insertBefore(div, $(".display")[0]) : console.log('1');
var lists = $(".h2-list")[0];
h2.each(function (i) {
@@ -23,7 +25,6 @@ $(function () {
if (res > bef) {
$(".h2-list li").removeClass("title-selected");
$($(".h2-list li")[j]).addClass("title-selected");
- console.log(bef);
}
}
});
diff --git a/wiki/layout.html b/wiki/layout.html
index a973944..f2e5618 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -50,6 +50,7 @@
<script src="{{ url_for('static', filename = 'js/anime.min.js') }}"></script>
<script src="{{ url_for('static',filename='js/nav.js') }}"></script>
<script src="{{ url_for('static',filename='js/header.js') }}"></script>
+ <script src="{{ url_for('static',filename='js/partnership.js') }}"></script>
<script src="{{ url_for('static',filename='js/title-list.js') }}"></script>
<script src="{{ url_for('static',filename='js/pic-link.js') }}"></script>
</body>
diff --git a/wiki/pages/engineering.html b/wiki/pages/engineering.html
index 65808a0..b8a4cd8 100644
--- a/wiki/pages/engineering.html
+++ b/wiki/pages/engineering.html
@@ -1,110 +1,143 @@
{% extends "layout.html" %}
{% block htitle %}Engineering{% endblock %}
{% block title %}Engineering Success{% endblock %}
-{% block lead %}Demonstrate engineering success in a part of your project by going through at least one iteration of the engineering design cycle.{% endblock %}
+{% block lead %}Demonstrate engineering success in a part of your project by going through at least one iteration of the
+engineering design cycle.{% endblock %}
{% block page_content %}
<div class="row display ltext">
- <h3><div class="row display ltext"></h3>
<h2>Overview</h2>
- <p>Our ultimate goal is to build a single-base, amplification-free, portable set of detection platforms. In the engineering success page, we first need to implement the most important and experimentally verified part, the single-base accuracy part. We learned from our review and experiments that Cas13a and Cas14a can tolerate 1-2 base mutations in target sequence recognition, specifically, if the target RNA or DNA has single nucleotide polymorphism in the detection system, it will lead to unclear signal source (from target sequence or mutated sequence), and subsequently will produce a "false positive "false positive" characterization.</p>
- <p>To address this problem, we thought of combining single base mutation sequence with complementary paired CLAMP to shield the mutation sequence and enable Cas protein to recognize the target sequence more accurately. At the same time, to ensure the stability of the CLAMP-mutation sequence, we will use peptide nucleic acid (PNA) as the backbone of CLAMP, which will reduce the intensity of the "false positive" signal and make it easier for us to identify the source of the signal.</p>
+ <p>Our ultimate goal is to build a single-base, amplification-free, portable set of detection platforms. In the
+ engineering success page, we first need to implement the most important and experimentally verified part, the
+ single-base accuracy part. We learned from our review and experiments that Cas13a and Cas14a can tolerate 1-2 base
+ mutations in target sequence recognition, specifically, if the target RNA or DNA has single nucleotide polymorphism
+ in the detection system, it will lead to unclear signal source (from target sequence or mutated sequence), and
+ subsequently will produce a "false positive "false positive" characterization.</p>
+ <p>To address this problem, we thought of combining single base mutation sequence with complementary paired CLAMP to
+ shield the mutation sequence and enable Cas protein to recognize the target sequence more accurately. At the same
+ time, to ensure the stability of the CLAMP-mutation sequence, we will use peptide nucleic acid (PNA) as the backbone
+ of CLAMP, which will reduce the intensity of the "false positive" signal and make it easier for us to identify the
+ source of the signal.</p>
<div class="tpic">
<img src="" alt="png">
<img src="" alt="png">
</div>
- <p>To achieve amplification-free detection, we will use the trans cleavage activity of Cas13a and Cas14a to cleave and degrade the labeled nucleic acid by coupling with TtCsm6 and Csm6 activator (A4-U6 oligonucleotide) to generate fluorescent signals (through the linkage between the proteins to transmit and amplify the signal in the process), coupled with the base complementary pairing PNA "CLAMP" to shield the single base mutation sequence, this detection system has a specificity, sensitivity and high efficiency that no single protein detection means has.</p>
+ <p>To achieve amplification-free detection, we will use the trans cleavage activity of Cas13a and Cas14a to cleave and
+ degrade the labeled nucleic acid by coupling with TtCsm6 and Csm6 activator (A4-U6 oligonucleotide) to generate
+ fluorescent signals (through the linkage between the proteins to transmit and amplify the signal in the process),
+ coupled with the base complementary pairing PNA "CLAMP" to shield the single base mutation sequence, this detection
+ system has a specificity, sensitivity and high efficiency that no single protein detection means has.</p>
<h2>Engineering Cycle</h2>
<h2 class="l">CYCLE1：</h2>
- <h3>Expression of cas and csm6 proteins.</h3><p>parts:<a href="http://parts.igem.org/Part:BBa_K4223018">BBa_K4223018</a>ã€BBa K4223008</p>
+ <h3>Expression of cas and csm6 proteins.</h3>
+ <p>parts:<a href="http://parts.igem.org/Part:BBa_K4223018">BBa_K4223018</a>ã€BBa K4223008</p>
<h2>1.1 DESIGN：</h2>
- <p>His tag-MBP-Cas14a9 (<a href="http://parts.igem.org/Part:BBa_K4223018">BBa_K4223018</a>) makes an important part of our project and we use it for efficient and high quality Cas14a protein expression and purification extraction. MBP helps to increase the yield of soluble protein in E. coli, and TEV is used as an enzymatic site to purify MBP-Cas14a recombinant protein after His tag binding to a Ni column, which retains the pure Cas14a protein and passed through the heparin column.</p>
+ <p>His tag-MBP-Cas14a9 (<a href="http://parts.igem.org/Part:BBa_K4223018">BBa_K4223018</a>) makes an important part of
+ our project and we use it for efficient and high quality Cas14a protein expression and purification extraction. MBP
+ helps to increase the yield of soluble protein in E. coli, and TEV is used as an enzymatic site to purify MBP-Cas14a
+ recombinant protein after His tag binding to a Ni column, which retains the pure Cas14a protein and passed through
+ the heparin column.</p>
<div class="opic large">
<img src="" alt="png">
</div>
<h2>1.2 BUILD</h2>
<p>His tag-MBP-Cas14a1 purification
-Day1
-1.Preparation of LB medium 500ml*4
-2.Shake the bacteria to recover.
- Take LB medium 3ml*2 (TEV,MBP)
+ Day1
+ 1.Preparation of LB medium 500ml*4
+ 2.Shake the bacteria to recover.
+ Take LB medium 3ml*2 (TEV,MBP)
+ bacteria night 30μl + antibiotic (Amp) ampicillin 3μl
-Constant temperature shaker 37℃ 180rpm 12-16h
-Day2
-1.Sterilization of culture medium
-2. Expansion, induction.
+ Constant temperature shaker 37℃ 180rpm 12-16h
+ Day2
+ 1.Sterilization of culture medium
+ 2. Expansion, induction.
Take sterilized LB medium*4 (TEV*2,MBP*2)
+500μl of antibiotics (Amp) +2ml of the night before the bacteria
Shake at 37℃ 180rpm for 6-8h
Shaken TEV and MBP
- TEV+IPTG 50μl*2 37℃ 180rpm 12h
- MBP+IPTG 100μl*2 18℃ 180rpm 12h
-Day3
-1. Bacteria-breaking lysis.
- Take TEV, MBP high-speed centrifugation 10000 rpm 5min, discard supernatant add lysis solution 5ml / tube (operation in the ice box, the action should be fast), blow well, three tubes in one tube
- Use ultrasonic crushing bacteria 25% power on 4s off 10s working time 50-60min
-2. Preparation.
-Purified water equilibrium solution eluent (wash once) 20% ethanol sequential extraction on the machine, wash the machine (full water wash once) on the HIS nickel column (1ml/min), wash the column, the tube into the corresponding reagent bottle syringe filter membrane sample
-3. Purification of proteins.
-TEV and MBP max speed 5ml/min
-A1 pure water A2 equilibrium solution B eluent A3 20% ethanol
-When the machine is turned off, water wash once, unload the column (1ml/min) ethanol wash once</p>
+ TEV+IPTG 50μl*2 37℃ 180rpm 12h
+ MBP+IPTG 100μl*2 18℃ 180rpm 12h
+ Day3
+ 1. Bacteria-breaking lysis.
+ Take TEV, MBP high-speed centrifugation 10000 rpm 5min, discard supernatant add lysis solution 5ml / tube (operation
+ in the ice box, the action should be fast), blow well, three tubes in one tube
+ Use ultrasonic crushing bacteria 25% power on 4s off 10s working time 50-60min
+ 2. Preparation.
+ Purified water equilibrium solution eluent (wash once) 20% ethanol sequential extraction on the machine, wash the
+ machine (full water wash once) on the HIS nickel column (1ml/min), wash the column, the tube into the corresponding
+ reagent bottle syringe filter membrane sample
+ 3. Purification of proteins.
+ TEV and MBP max speed 5ml/min
+ A1 pure water A2 equilibrium solution B eluent A3 20% ethanol
+ When the machine is turned off, water wash once, unload the column (1ml/min) ethanol wash once</p>
<div class="tpic">
<img src="" alt="png">
<img src="" alt="png">
</div>
- <p>4. Measure protein concentration (kit) Measure protein concentration (kit), 96-well plate, 100ul BCA working solution per well, 1ul Cu reagent 10ul protein, two protein two-well, measure absorbance, about 0.4 is normal value</p>
+ <p>4. Measure protein concentration (kit) Measure protein concentration (kit), 96-well plate, 100ul BCA working
+ solution per well, 1ul Cu reagent 10ul protein, two protein two-well, measure absorbance, about 0.4 is normal value
+ </p>
<div class="tpic">
<img src="" alt="png">
<img src="" alt="png">
</div>
- <p>5. Mix digestion with protein concentration 1:1 equal volume digestion (TEV slightly more) two tubes mixed, 4 ° c overnight
-Day4.
-1. Protein purification
-Ultra-filter tube, with filtered water, centrifuge 3800r 30min twice Equilibrium solution 30min twice
-Top sample, centrifugation, 30min 3800r until protein is consumed, replenish equilibrium solution 3 times
+ <p>5. Mix digestion with protein concentration 1:1 equal volume digestion (TEV slightly more) two tubes mixed, 4 ° c
+ overnight
+ Day4.
+ 1. Protein purification
+ Ultra-filter tube, with filtered water, centrifuge 3800r 30min twice Equilibrium solution 30min twice
+ Top sample, centrifugation, 30min 3800r until protein is consumed, replenish equilibrium solution 3 times
Loading the machine
-Wash the machine as before, wash the column to wash the equilibrium solution once more, heparin column 1ml/min (pay special attention to sample evacuation)</p>
+ Wash the machine as before, wash the column to wash the equilibrium solution once more, heparin column 1ml/min (pay
+ special attention to sample evacuation)</p>
<div class="opic large">
<img src="" alt="png">
</div>
<p>Csm6 purification
-Day1
-1.Preparation of LB medium 500ml*2 Sterilization
-2.Shake the bacteria to recover.
- Take LB medium 3ml*2
+ Day1
+ 1.Preparation of LB medium 500ml*2 Sterilization
+ 2.Shake the bacteria to recover.
+ Take LB medium 3ml*2
+bacterial night 30μl+carboxymycin 3μl
-Constant temperature shaker 37℃ 180rpm 12-16h
-Day2
-1. Expansion, induction.
-Take sterilized LB medium + 500μl of caramycin + 3ml of ante-night bacterium night
+ Constant temperature shaker 37℃ 180rpm 12-16h
+ Day2
+ 1. Expansion, induction.
+ Take sterilized LB medium + 500μl of caramycin + 3ml of ante-night bacterium night
Shaking bed 37℃ 180rpm 6-8h
-Shake the good bacteria solution
-Csm6+IPTG 100μl 18℃ 180rpm 12h
-Day3
-1. Bacteria breaking lysis.
- Take the bacterium solution high-speed centrifugation 10000rps 5min, discard the supernatant add lysate, blowing uniformly, three tubes in one tube
- Use ultrasonic crushing bacteria 25% power on 4s off 10s working time 50-60min
-2. Preparation.
-Pure water equilibrium solution eluent (wash once) 20% ethanol sequential extraction on the machine, cleaning machine (full water wash once) on the HIS nickel column (1ml/min), wash the column, the tube into the corresponding reagent bottle syringe filter membrane sample
-2. Collect the sample
-
-
-Run gel verification
-SDS-page protein gel electrophoresis
-1.Gel preparation
-2.Sample processing
-3.Add maker and sample
-4.Add running buffer to electrophoresis according to the procedure
-5.Staining of gel plate Decolorization
-6.Observation</p>
+ Shake the good bacteria solution
+ Csm6+IPTG 100μl 18℃ 180rpm 12h
+ Day3
+ 1. Bacteria breaking lysis.
+ Take the bacterium solution high-speed centrifugation 10000rps 5min, discard the supernatant add lysate, blowing
+ uniformly, three tubes in one tube
+ Use ultrasonic crushing bacteria 25% power on 4s off 10s working time 50-60min
+ 2. Preparation.
+ Pure water equilibrium solution eluent (wash once) 20% ethanol sequential extraction on the machine, cleaning
+ machine (full water wash once) on the HIS nickel column (1ml/min), wash the column, the tube into the corresponding
+ reagent bottle syringe filter membrane sample
+ 2. Collect the sample
+
+
+ Run gel verification
+ SDS-page protein gel electrophoresis
+ 1.Gel preparation
+ 2.Sample processing
+ 3.Add maker and sample
+ 4.Add running buffer to electrophoresis according to the procedure
+ 5.Staining of gel plate Decolorization
+ 6.Observation</p>
<div class="tpic">
<img src="" alt="png">
<img src="" alt="png">
</div>
<h2>1.3 TEST</h2>
- <b>To further examine the protein activity of Cas14a and Csm6</b>,<p>we set up the system without the addition of target DNA as the control group and the system with the addition of target DNA as the experimental group. The fluorescence assay was performed on 4 groups of samples at 37°C using an enzymatic standard (excitation wavelength 492 nm, emission wavelength 520 nm). Three parallel samples of each group were measured and the variance and mean were calculated and plotted with Origin 9.0. As shown in the figure, the validation of the cleavage activity of cas14a1 and csm6 proteins was finally completed.</p>
+ <b>To further examine the protein activity of Cas14a and Csm6</b>,<p>we set up the system without the addition of
+ target DNA as the control group and the system with the addition of target DNA as the experimental group. The
+ fluorescence assay was performed on 4 groups of samples at 37°C using an enzymatic standard (excitation wavelength
+ 492 nm, emission wavelength 520 nm). Three parallel samples of each group were measured and the variance and mean
+ were calculated and plotted with Origin 9.0. As shown in the figure, the validation of the cleavage activity of
+ cas14a1 and csm6 proteins was finally completed.</p>
<div class="tpic annotation">
<div class="pic-t">
<img src="" alt="png">
@@ -116,13 +149,21 @@ SDS-page protein gel electrophoresis
</div>
</div>
<h2>1.4 LEARN</h2>
- <p>Here, we successfully expressed Cas14a and csm6 proteins, which were verified to be ready for use after activity. However, we did not get the expected results when expressing Cas13a protein, and the expressed Cas13a concentration was very low, which was not improved after several attempts to change the conditions of different reaction systems, so we considered asking other teams for help or purchasing Cas13a protein in future experiments.</p>
- <p>We will then perform a false positive test in the next step</p><b>to complete the proof of concept of the experimental idea done in the wet experiment.</b>
+ <p>Here, we successfully expressed Cas14a and csm6 proteins, which were verified to be ready for use after activity.
+ However, we did not get the expected results when expressing Cas13a protein, and the expressed Cas13a concentration
+ was very low, which was not improved after several attempts to change the conditions of different reaction systems,
+ so we considered asking other teams for help or purchasing Cas13a protein in future experiments.</p>
+ <p>We will then perform a false positive test in the next step</p><b>to complete the proof of concept of the
+ experimental idea done in the wet experiment.</b>
<h2>CYCLE2：</h2>
<h2>False-positive tests</h2>
<h2>2.1 DESIGN：</h2>
- <b>In the previous cycle, we successfully expressed the desired Cas and Csm6 proteins and presented the problem with a corresponding solution. We will then confirm the "false positive" characterization in the next cycle to determine the interference of the mutant sequence with the clear signal source when the target sequence coexists with the mutant sequence in the reaction system.</b>
- <p>We designed two 22-base-long target ssDNA sequences and target ssRNAs, respectively, and both designed 12 sequences with inversions at odd sites, respectively, as mutant sequences in our laboratory:</p>
+ <b>In the previous cycle, we successfully expressed the desired Cas and Csm6 proteins and presented the problem with a
+ corresponding solution. We will then confirm the "false positive" characterization in the next cycle to determine
+ the interference of the mutant sequence with the clear signal source when the target sequence coexists with the
+ mutant sequence in the reaction system.</b>
+ <p>We designed two 22-base-long target ssDNA sequences and target ssRNAs, respectively, and both designed 12 sequences
+ with inversions at odd sites, respectively, as mutant sequences in our laboratory:</p>
<div class="opic annotation large">
<img src="" alt="png">
<p>Test sequence of Cas13a</p>
@@ -132,41 +173,42 @@ SDS-page protein gel electrophoresis
<p>Test sequence of Cas14a</p>
</div>
<h2>2.2 BUILD</h2>
- <p>We took the target and mutant sequences and added them to the reaction system of Cas13a and Cas14a, which was carried out as follows.</p>
+ <p>We took the target and mutant sequences and added them to the reaction system of Cas13a and Cas14a, which was
+ carried out as follows.</p>
<p>Cas14a
-Reaction Buffer (20 mM tris-hcl, 20 mM NaCl, pH 9.0)
+ Reaction Buffer (20 mM tris-hcl, 20 mM NaCl, pH 9.0)
-15 uL: Cas14a （final 500nM） &sgRNA (final 500nM) in Reaction buffer ;
-6 uL: Mg ion ( final 10mM) & FQ (final 400nM in reaction buffer);
-9 uL: T or Mx & Clamps in reaction buffer.
-(2x) buffer: 20 mM tris-hcl, KCl 100 mM, pH=8.2.
+ 15 uL: Cas14a （final 500nM） &sgRNA (final 500nM) in Reaction buffer ;
+ 6 uL: Mg ion ( final 10mM) & FQ (final 400nM in reaction buffer);
+ 9 uL: T or Mx & Clamps in reaction buffer.
+ (2x) buffer: 20 mM tris-hcl, KCl 100 mM, pH=8.2.
-20 uL /cell：
+ 20 uL /cell：
-10uL buffer(2x);
-0.8uL 500nM Cas13a;
-0.1uL 5uM crRNA;
-0.67uL 150mM Mg2+(ca. 5mM Mg2+ final.)
+ 10uL buffer(2x);
+ 0.8uL 500nM Cas13a;
+ 0.1uL 5uM crRNA;
+ 0.67uL 150mM Mg2+(ca. 5mM Mg2+ final.)
-37 ℃ Incubation 10-15min, add probe 0.6uL（10uM） FQ ;
-（12.17 uL in total ca. 12 uL)
-Cas13a Continuous system
-(2x) buffer: 20 mM HEPEs, pH=7.5.
+ 37 ℃ Incubation 10-15min, add probe 0.6uL（10uM） FQ ;
+ （12.17 uL in total ca. 12 uL)
+ Cas13a Continuous system
+ (2x) buffer: 20 mM HEPEs, pH=7.5.
-20 uL /cell：
+ 20 uL /cell：
-10uL buffer(2x);
-0.8uL 500nM Cas13a;0.1uL 5uM crRNA;
-0.67uL 150mM Mg2+(ca. 5mM Mg2+ final.)
-1uL 200mM KCL;
+ 10uL buffer(2x);
+ 0.8uL 500nM Cas13a;0.1uL 5uM crRNA;
+ 0.67uL 150mM Mg2+(ca. 5mM Mg2+ final.)
+ 1uL 200mM KCL;
-37 ℃ Incubation 10-15min, add probe 0.6uL（10uM） FQ , 0.5uL Csm6;
+ 37 ℃ Incubation 10-15min, add probe 0.6uL（10uM） FQ , 0.5uL Csm6;
-（total 13.67 uL )
+ （total 13.67 uL )
-Ac & Target or clamps or mutants (in DEPC water) total 6.33 uL。
-Target or clamps or mutants (in DEPC water) total 7.83 uL。</p>
+ Ac & Target or clamps or mutants (in DEPC water) total 6.33 uL。
+ Target or clamps or mutants (in DEPC water) total 7.83 uL。</p>
<h2>2.3 TEST</h2>
<div class="opic annotation large">
<img src="" alt="png">
@@ -176,54 +218,101 @@ Target or clamps or mutants (in DEPC water) total 7.83 uL。</p>
<img src="" alt="png">
<p>Detection results of Cas13a protein for DNA sequences (revealed by relative fluorescence unit RFU)</p>
</div>
- <p>The recognition and cleavage of the target sequences by Cas14a and Cas13a proteins, thus exhibiting trans cleavage activity, and consequently the fluorescence signal report, we show as Relative fluorescence unit (RFU). We can observe that each detected sequence exhibits a different fluorescence signal intensity, and M7, M20, RM8, RM15 and RM19 are significantly larger than the target sequence. This indicates that false positive characterization does exist and the specificity of the detection is affected differently depending on the mutation site.</p>
+ <p>The recognition and cleavage of the target sequences by Cas14a and Cas13a proteins, thus exhibiting trans cleavage
+ activity, and consequently the fluorescence signal report, we show as Relative fluorescence unit (RFU). We can
+ observe that each detected sequence exhibits a different fluorescence signal intensity, and M7, M20, RM8, RM15 and
+ RM19 are significantly larger than the target sequence. This indicates that false positive characterization does
+ exist and the specificity of the detection is affected differently depending on the mutation site.</p>
<h2>2.4 LEARN: </h2>
- <p>In this engineering cycle, we validated the false positive characterization of the assay using Cas13a and Cas14a proteins from the previous engineering cycle, and after we concluded that false positives do exist and interfere with the source of the signal, we started to design a solution to the problem - using PNA-CLAMP to mask the mismatched sequences</p>
+ <p>In this engineering cycle, we validated the false positive characterization of the assay using Cas13a and Cas14a
+ proteins from the previous engineering cycle, and after we concluded that false positives do exist and interfere
+ with the source of the signal, we started to design a solution to the problem - using PNA-CLAMP to mask the
+ mismatched sequences</p>
<h2>Circle3：</h2>
<h2>Blocking of mismatched sequences using PNA</h2>
<h2>3.1 DESIGN</h2>
- <b>Here we plan to provide a solution to the false positive problem that occurred in the last engineering cycle. We will use synthetic target sequences with mutant sequences in the wet lab to simulate the processing of samples in a real environment.</b><p>Here we plan to provide a solution to the false positive problem that occurred in the last engineering cycle. We will use synthetic target sequences with mutant sequences in the wet lab to simulate the processing of samples in a real environment.</p>
+ <b>Here we plan to provide a solution to the false positive problem that occurred in the last engineering cycle. We
+ will use synthetic target sequences with mutant sequences in the wet lab to simulate the processing of samples in a
+ real environment.</b>
+ <p>Here we plan to provide a solution to the false positive problem that occurred in the last engineering cycle. We
+ will use synthetic target sequences with mutant sequences in the wet lab to simulate the processing of samples in a
+ real environment.</p>
<div class="opic annotation large">
<img src="" alt="png">
<p>Comparison of PNA and DNA structures</p>
</div>
<h2>3.2 BUILD</h2>
- <p>During this BUILD period, we tested multiple sets of different base mismatches and the shielding effect of PNA and DNA on the sequences at different sites and different lengths. However, since PNA is expensive, it is costly and time-consuming to design DNA/PNA for each of the above mentioned mutant sequences for shielding, so we selected the more representative mutant sequences for our experiments.</p>
+ <p>During this BUILD period, we tested multiple sets of different base mismatches and the shielding effect of PNA and
+ DNA on the sequences at different sites and different lengths. However, since PNA is expensive, it is costly and
+ time-consuming to design DNA/PNA for each of the above mentioned mutant sequences for shielding, so we selected the
+ more representative mutant sequences for our experiments.</p>
<h2>3.3 TEST</h2>
- <p>Taking Cas14a1 as an example, based on the experimental results in Cycle 2 (Confirmation of "false positive" characterization), sequences with mutation sites at 5', -5, 7, 20-3' bases were selected from a series of sequences with single-base mutations. -5, 7, 20-3' bases, which showed high RFU in the false positive mock assay, were selected as typical sequences to demonstrate the role of the shackle system (clamp).
-Initially, we used the designed complementary DNA as clamp as a pre-experiment to verify the preliminary role of Clamp. As illustrated by the experimental results presented in the figure below: the Relative fluorescence unit (RFU) of the experimental group with the addition of DNA-clamp was significantly lower than that of the control group, and combined with the Delta-RFU analysis, Clamp did reduce the interference of mutant sequences on the assay results.</p>
+ <p>Taking Cas14a1 as an example, based on the experimental results in Cycle 2 (Confirmation of "false positive"
+ characterization), sequences with mutation sites at 5', -5, 7, 20-3' bases were selected from a series of sequences
+ with single-base mutations. -5, 7, 20-3' bases, which showed high RFU in the false positive mock assay, were
+ selected as typical sequences to demonstrate the role of the shackle system (clamp).
+ Initially, we used the designed complementary DNA as clamp as a pre-experiment to verify the preliminary role of
+ Clamp. As illustrated by the experimental results presented in the figure below: the Relative fluorescence unit
+ (RFU) of the experimental group with the addition of DNA-clamp was significantly lower than that of the control
+ group, and combined with the Delta-RFU analysis, Clamp did reduce the interference of mutant sequences on the assay
+ results.</p>
<div class="tpic">
<img src="" alt="png">
<img src="" alt="png">
</div>
- <p>But just DNA as clamp is not enough for the goal of our project. So we designed PNA as clamp and validated it in the same way. We also compared the control group with DNA-clamp and PNA-clamp to make the data more reliable. The above two experiments also demonstrate that our idea of designing "Clamp" to avoid the defect of misidentification of target sequences by Cas13a and Cas14a due to similar mutated sequences can be realized.</p>
+ <p>But just DNA as clamp is not enough for the goal of our project. So we designed PNA as clamp and validated it in
+ the same way. We also compared the control group with DNA-clamp and PNA-clamp to make the data more reliable. The
+ above two experiments also demonstrate that our idea of designing "Clamp" to avoid the defect of misidentification
+ of target sequences by Cas13a and Cas14a due to similar mutated sequences can be realized.</p>
<div class="trpic">
<img src="" alt="png">
<img src="" alt="png">
<img src="" alt="png">
</div>
- <p>Although we have verified that PNA as clamp has better effect than DNA as clamp, however, we are not yet sure to what extent the shielding effect of using PNA as clamp on single base mutation false sequences can be achieved, and it is not clear what effect different concentrations of PNA have on the effect of target sequence detection. So, we set a certain amount of PNA (100nM) and gradient concentrations of target and mutant sequences in combination, and found that the interference of PNA on mutant sequences was significantly greater than that of target sequences, and even after the concentration of mutant sequences was less than 100nM, its RFU dropped in a precipitous manner. When PNA was relatively saturated in the mutant sequence, it was able to play an almost complete shielding role. In the absence of PNA addition, the magnitude of RFU change of both was not as obvious as when PNA was added.</p>
+ <p>Although we have verified that PNA as clamp has better effect than DNA as clamp, however, we are not yet sure to
+ what extent the shielding effect of using PNA as clamp on single base mutation false sequences can be achieved, and
+ it is not clear what effect different concentrations of PNA have on the effect of target sequence detection. So, we
+ set a certain amount of PNA (100nM) and gradient concentrations of target and mutant sequences in combination, and
+ found that the interference of PNA on mutant sequences was significantly greater than that of target sequences, and
+ even after the concentration of mutant sequences was less than 100nM, its RFU dropped in a precipitous manner. When
+ PNA was relatively saturated in the mutant sequence, it was able to play an almost complete shielding role. In the
+ absence of PNA addition, the magnitude of RFU change of both was not as obvious as when PNA was added.</p>
<div class="trpic">
<img src="" alt="png">
<img src="" alt="png">
</div>
- <p>In the system of Cas13a, as shown in the figure below, the shielding effect of PNA-CLAMP on complementary sequences gradually increased as the concentration of PNA-CLAMP increased (0-100 nM) for a certain amount of the shielded sequence, indicating that the shielding effect increased with the amount of PNA-CLAMP within a certain concentration range.</p>
+ <p>In the system of Cas13a, as shown in the figure below, the shielding effect of PNA-CLAMP on complementary sequences
+ gradually increased as the concentration of PNA-CLAMP increased (0-100 nM) for a certain amount of the shielded
+ sequence, indicating that the shielding effect increased with the amount of PNA-CLAMP within a certain concentration
+ range.</p>
<div class="trpic">
<img src="" alt="png">
<img src="" alt="png">
</div>
- <p>In the data in the figure below, we show that when PNA-CLAMP coexists with target and mutant sequences, only the signal of mutant sequences is significantly shielded, while target sequences are largely unaffected. It indicates that the application of PNA-CLAMP in single-base detection platform is feasible and has predictable good results.</p>
+ <p>In the data in the figure below, we show that when PNA-CLAMP coexists with target and mutant sequences, only the
+ signal of mutant sequences is significantly shielded, while target sequences are largely unaffected. It indicates
+ that the application of PNA-CLAMP in single-base detection platform is feasible and has predictable good results.
+ </p>
<div class="opic">
<img src="" alt="png">
</div>
<h2>3.4 LEARN</h2>
<h3>Instrument</h3>
- <p>Currently, in vitro nucleic acid assays based on CRISPR technology are in the initial development stage. Existing PCR nucleic acid assays require special instrumentation, laboratory testing sites and specialized technical staff, and have strict zoning requirements for laboratories. In this environment, we decided to develop a portable enzyme marker based on our project to validate and promote our project.
-For more details, please see the Hardware page (please tie the wiki hardware link to Hardware at the Expo)</p>
+ <p>Currently, in vitro nucleic acid assays based on CRISPR technology are in the initial development stage. Existing
+ PCR nucleic acid assays require special instrumentation, laboratory testing sites and specialized technical staff,
+ and have strict zoning requirements for laboratories. In this environment, we decided to develop a portable enzyme
+ marker based on our project to validate and promote our project.
+ For more details, please see the Hardware page (please tie the wiki hardware link to Hardware at the Expo)</p>
<h2>Outlook</h2>
- <p>In the era of the epidemic, we are quite sure that our project has strong applications. However, even if our protocol is feasible, there are still many issues and challenges to really develop it to maturity. How to further improve the sensitivity and specificity of the nucleic acid assay, how to combine and simplify the reagent components, how to make the CRISPR-based nucleic acid assay home-based/private, how to further reduce the cost, how to combine the CRISPR nucleic acid assay technology with the instrumentation to automate the rapid detection, these are all things we are committed to achieve.</p>
- <p>We will continue to innovate and breakthrough ourselves, and not end with IGEM, and finally build a perfect testing platform to make our own contribution to improve the society!</p>
+ <p>In the era of the epidemic, we are quite sure that our project has strong applications. However, even if our
+ protocol is feasible, there are still many issues and challenges to really develop it to maturity. How to further
+ improve the sensitivity and specificity of the nucleic acid assay, how to combine and simplify the reagent
+ components, how to make the CRISPR-based nucleic acid assay home-based/private, how to further reduce the cost, how
+ to combine the CRISPR nucleic acid assay technology with the instrumentation to automate the rapid detection, these
+ are all things we are committed to achieve.</p>
+ <p>We will continue to innovate and breakthrough ourselves, and not end with IGEM, and finally build a perfect testing
+ platform to make our own contribution to improve the society!</p>
</div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/notebook.html b/wiki/pages/notebook.html
index de9afc4..b022ba4 100644
--- a/wiki/pages/notebook.html
+++ b/wiki/pages/notebook.html
@@ -2,34 +2,13 @@
{% block htitle %}Notebook{% endblock %}
{% block title %}Notebook{% endblock %}
-{% block lead %}Document the dates you worked on your project. This should be a detailed account of the work done each day for your project.{% endblock %}
+{% block lead %}Document the dates you worked on your project. This should be a detailed account of the work done each
+day for your project.{% endblock %}
{% block page_content %}
-<div class="row mt-4">
- <div class="col-lg-8">
- <h2>What should this page contain?</h2>
- <hr>
- <ul>
- <li>Chronological notes of what your team is doing.</li>
- <li>Brief descriptions of daily important events.</li>
- <li>Pictures of your progress.</li>
- <li>Mention who participated in what task.</li>
- </ul>
- </div>
- <div class="col-lg-4">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="http://2018.igem.org/Team:Munich/Notebook">2018 Munich</a></li>
- <li><a href="https://2019.igem.org/Team:Georgia_State/Notebook">2019 Georgia State</a></li>
- <li><a href="https://2019.igem.org/Team:Newcastle/Notebook">2019 Newcastle</a></li>
- <li><a href="https://2020.igem.org/Team:IISER-Pune-India/Notebook">2020 IISER Pune India</a></li>
- <li><a href="https://2020.igem.org/Team:Lund/Notebook">2020 Lund</a></li>
- <li><a href="https://2020.igem.org/Team:NOVA_LxPortugal/Notebook">2020 NOVA LxPortugal</a></li>
- <li><a href="https://2020.igem.org/Team:RDFZ-China/NoteBook">2020 RDFZ China</a></li>
- </ul>
- </div>
+<div class="row display ltext">
+
</div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/partnership.html b/wiki/pages/partnership.html
index 12eeb4e..afd3c2c 100644
--- a/wiki/pages/partnership.html
+++ b/wiki/pages/partnership.html
@@ -1,206 +1,327 @@
{% extends "layout.html" %}
{% block htitle %}Partnership{% endblock %}
-
+
{% block title %}Partnership{% endblock %}
-{% block lead %}Collaborate throughout the year with at least one other 2022 iGEM team on a set of shared objectives related to both of your projects.{% endblock %}
+{% block lead %}Collaborate throughout the year with at least one other 2022 iGEM team on a set of shared objectives
+related to both of your projects.{% endblock %}
{% block page_content %}
<div class="row display ltext">
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 1. Team crest of HainanU-China</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 2. Team crest of JLU China</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 3. Photo of members of HainanU-China group</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 4. Photo of members of JLU-China group</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 5. Screenshot of partnership building meeting</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 6. Pointing out problems to each other to promote the overall progress.</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 7. Some screenshots of our magazine</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 8. Online Public Welfare Lecture</p>
- </div>
+ <div class="cbtn">
+ <ul>
+ <li>
+ <button class="bjlu btn btn-success btn-lg">JLU-China</button>
+ </li>
+ <li>
+ <button class="bhz btn btn-danger btn-lg">Worldshaper-HZ</button>
+ </li>
+ <li>
+ <button class="bue btn btn-warning btn-lg">UESTC</button>
+ </li>
+ </ul>
</div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 9. PRO plasmid
-(fluorescent protein coding sequence ↠toxic protein coding sequence)</p>
+ <div class="ctxt">
+ <div class="jlu school disp">
+ <h1 class="sname">JLU-China</h1>
+ <h2 class="mt30">Introduction</h2>
+ <p>Coming together is a beginning; Keeping together is progress; Working together is success. The above quote is
+ attributed to Henry Ford and is also what we believe. (<a
+ href="http://parts.igem.org/File:An_instruction_handbook_for_new_team.pdf">An instruction handbook for new
+ team</a>)</p>
+ <p>This year, we entered into a partnership with JLU-China, also as a first-year team, and in a full and pleasant
+ cooperation, we established common goals and promoted the development of each other's projects and enhanced our
+ friendship through a series of activities such as exchanging Human Practice work, mutual assistance in
+ experiments, and making manuals.</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 1. Team crest of HainanU-China</p>
+ </div>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 2. Team crest of JLU China</p>
+ </div>
+ <h2>An opportunity for us to become partners</h2>
+ <p>This year, Li Tianhong, who has rich experience in iGEM, served as the mentor of HainanU-China and also as an
+ advisor to JLU-China.</p>
+ <p>With the introduction of Tianhong, Huang Shuo, the captain of HainanU-China, met Wang Xu, the captain of
+ JLU-China. After having a basic understanding of the structure and direction of their respective teams, the two
+ teams developed the idea of cooperating in human practice.</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 3. Photo of members of HainanU-China group</p>
+ </div>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 4. Photo of members of JLU-China group</p>
+ </div>
+ <h2>5.16: Partnership establishment</h2>
+ <p>On 5.16, HananU_China and JLU_China met online for the first time. Through this meeting, we initially
+ understood each other's team situation and current ideas. And established a partnership. These exchanges and
+ discussions greatly contributed to the development of each other's projects and enhanced our friendship.</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 5. Screenshot of partnership building meeting</p>
+ </div>
+ <h2>5.23: Discuss topics such as topic selection</h2>
+ <p>In this exchange meeting, JLU-China proposed their project idea, that is, by obtaining current data, analyzing
+ and processing the data in the background, outputting emotional signals, and inducing the synthesis and release
+ of odor substances in the dark room through the operation of engineering bacteria, stimulating people's sense of
+ smell to mobilize the emotional regulation system, helping people to relieve some of the stress in work and life
+ in time, and prompting the brain to actively deal with bad emotions. Based on the current local advantages of
+ Hainan and the specific problems of microorganisms and other topics, HainanU-China proposed the idea of
+ constructing a microbial drug resistance detection platform, and both sides started brainstorming and discussing
+ specific problems for each other's preliminary ideas, pointing out problems to each other to promote the overall
+ progress.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 6. Pointing out problems to each other to promote the overall progress.</p>
+ </div>
+ <h2>5.31: Start of joint journal production</h2>
+ <p>At the beginning of the team, we established a good partnership with Jilin University and started a long-term
+ exchange program. Since then, we have been publishing a joint newsletter every two weeks, with content centered
+ on the cooperation between the two teams in various aspects.</p>
+ <p>As two newcomers to igem, we encountered many of the problems that arise for new teams in the early stages. We
+ believe that many problems are common, so we recorded many basic problems we encountered in the process of
+ forming teams and competing, and gave our solutions to compile this experience manual to provide reference and
+ help for later competing teams.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 7. Some screenshots of our magazine</p>
+ </div>
+ <h2>7.23: Online Public Welfare Lecture of Ten Schools, lectured by Jilin University, assisted by Hainan
+ University</h2>
+ <p>The synthetic biology classroom jointly produced by Tsinghua University, Peking University, Beijing Normal
+ University, Jilin University, Tongji University and other 10 universities went online in July. This public
+ service classroom closely follows the hot topics of biology competition and the frontier field of synthetic
+ biology, and designs the lecture content, taking the project content of each iGEM team as an example, and talks
+ about the principles and applications of each synthetic biology technology in depth.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 8. Online Public Welfare Lecture</p>
+ </div>
+ <h2>Early June: Begin the experiment</h2>
+ <p>In early June, we worked with Jilin University and Xiamen University on the design and discussion of the Lethal
+ system. With the collaboration and help of the three teams, we completed the experiments related to the blue
+ light and red light lethality genes.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 9. PRO plasmid</p>
+ </div>
+ <p class="c">(fluorescent protein coding sequence ↠toxic protein coding sequence)</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 10. Pro target plasmids that replace fluorescent proteins with toxic proteins</p>
+ </div>
+ <p>However, the final experimental results were not satisfactory, so we had several gatherings on line where we
+ discussed the main reasons for achieving such results and finally replaced the validation strategy of the
+ experiment and achieved success. In our case, we had an in-depth discussion and communication mainly with Jilin
+ University. For example, the construction of plasmids and the expression of lethal genes, etc.
+ In addition, we carried out online communication with JLU-China on modeling and other stem experiments, and
+ JLU-China provided us with experience support on modeling.
+ </p>
+ <h2>From June 28th to July 6th, the two teams preliminarily edited the contents of the manual</h2>
+ <p>Between May and July, we kept in constant communication and shared a bi-weekly article about the development of
+ the igem teams and their experiences in the competition.</p>
+ <p>By now, our two teams have jointly pushed 4 issues of the joint public journal content. As the tweets advance
+ and the content deepens, we gradually integrate and complete the 1.0 version of the handbook. Later on, we hope
+ to find more teams to join and share on this basis, to continuously improve and expand this experience manual,
+ and to publish it in the official community in the form of open source, to become a manual that really helps
+ future igem teams to learn and promote the development of igem competition and even the development of synthetic
+ biology. In this sense, it is not only a summary of experience, but also a platform for all our teams to share
+ their experience, and it will pave the way for those who come after us and wait for the exchange between them
+ and the pioneers.</p>
+ <div class="tpic">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 11. Screenshot of our cooperation manual</p>
+ <h2>9.1: Discussion on Project Promotion Video</h2>
+ <p>During the production of JLU-China's Project Promotion Video, we conducted online meetings to discuss filming
+ techniques and scripting examples, and then, during the production of Captions, JLU-China had problems with the
+ transcoding of their Captions, and we helped them successfully transcode the format.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 12. Screenshot of chat between members of the two teams</p>
+ </div>
+ <h2>9.20: Completion of Instruction Manual</h2>
+ <p>By 9.20, our manual has invited GXU_China, BUCT_China, Duke Kunshan, Dalian Polytechnic University, Beijing
+ Normal University to provide us with detailed article contents including how to build a team, how to raise
+ money, experience of speedy hardware and software, experiment guidance, experience of speedy wiki, etc.</p>
+ <p>In the future, we intend to translate this manual into multiple national languages to provide an all-inclusive
+ instructional how-to for igem, helping each team to better get up and running with the igem competition.</p>
+ <h2>In addition</h2>
+ <p>The two teams maintained frequent contact throughout the competition, communicating and helping each other at
+ various points of submission of entry materials, as both teams were first-year teams, so communication in this
+ regard provided great help to both sides.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 13. Files in our group (A total of 51 files)</p>
+ </div>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 14. Members of our group and other cooperation group </p>
+ </div>
</div>
- </div>
+ <div class="hz school">
+ <h1 class="sname">Worldshaper-HZ</h1>
+ <h2 class="mt30">Introduction</h2>
+ <p>Since April, we have had several regular virtual meetings with Worldshaper-HZ to discuss experiments,
+ difficulties, and human practices. Through this process, we have developed a strong, mutually helpful
+ relationship and we are grateful for this amazing experience.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 1. Timeline for Crispr/cas diagnostic</p>
+ </div>
+ <h2>From early April to early May: preliminary agreement on the design of partnership</h2>
+ <p>progress, we conducted several online meetings to discuss initial ideas for each other's projects, we presented
+ our projects to Worldshaper-HZ and tried to find similarities and propose an overview design for a partnership.
+ Together, we explored potential partnerships in the web lab and had in-depth discussions.</p>
+ <h2>From mid May to mid June: communicate the project progress of both sides</h2>
+ <p>The project has been underway for some time and we have been discussing with each other online based on the
+ current state of affairs on issues related to the experiment and suggesting improvements. We decided to exchange
+ our systems to verify the feasibility of ideas for different Cas systems. In terms of control group experiments,
+ we decided to provide Worldshaper-HZ with experimental designs related to the Cas13/14 system.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 2. Progress of the hardware setup</p>
+ </div>
+ <h2>From the end of June to the end of July: HP cooperation with concrete design</h2>
+ <p>After discovering the similarities between the two using the CRISPR-Cas system, we continued to conceptualize
+ the design of future human practice collaborations in one online exchange, and discussed how to use the
+ project's publicity tools to expand the impact of both parties, and tentatively established the details of
+ subsequent human practice activities.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 3. Discuss the work related to human practice</p>
+ </div>
+ <h2>July 21st : <a
+ href="http://parts.igem.org/File:The_interview_between_BuHua_in_HainanU-China_and_Worldshaper-HZ.pdf">Organize
+ expert interviews</a></h2>
+ <p>The difficulties we encountered in the part part were gradually solved and Worldshaper-HZ interviewed the
+ instructor we introduced for them. in this meeting, we mainly discussed the CRISPR-Cas system and looked at its
+ future. In the interview, the expert from Hainan University shared with them how the CRISPR-Cas system can be
+ applied to different aspects of marine resources in the future, and helped Worldshaper-HZ to answer some
+ questions about Cas12 bootstrap sequence length and system activation.</p>
+ <h3 class="l">Examples of meeting issues</h3>
+ <p class="l">Q: Based on your experience, what are the future prospects of CRISPR-CAS technology?In what fields
+ might its use be applied?</p>
+ <p class="l">A: In view of the curent development trend, CRISPR-Cas system has and will have a wide range of
+ applications. The future of it is bright, and our mission is just to make the technology more mature.
+ There are two main techniqucs used in CRISPR CAS system: gene editing utilizing homo-path splicing, and nucleic
+ acid detection using the ability of the cas protein to splice anti-path.
+ For gene editing, based on different documents, it can be used in different fields such as improving
+ crops, curing discases, and developing new drugs.
+ </p>
+ <p>As for detection of nuclie acid, it is mostly applied into the field of food health and public health.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 4. Interview of the advisor of HainanU-China team</p>
+ </div>
+ <h2>August 6 to August 8: our offline party</h2>
+ <p>We were invited by Worldshaper-HZ to its IGEM Hangzhou offline party, where we presented our project progress
+ to the participating guests and had a deeper conversation with Worldshaper-HZ. We discussed our partnership in
+ detail face to face, free from the limitations of online communication, and there is no doubt that the offline
+ party was a great experience.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 5. Meetup Booklet between HainanU-China and Worldshaper-HZ</p>
+ </div>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 6. Our Photo in front of the Signature Wall</p>
+ </div>
+ <h2>Mid August to early September: improve project progress</h2>
+ <p>Later in the project, we found out that they were looking for a more professional instructor, while we were
+ having some difficulties with parts. The two teams discussed the current difficulties encountered by each
+ other's teams and further defined future plans regarding partnership cooperation. In terms of proof of concept
+ and parts writing and registration, Worldshaper-HZ provided us with ideas and advice in preparing these
+ documents.</p>
+ <h2>1 October: Talking about the pros and cons of hardware</h2>
+ <p>Both HainanU-China and Worldshaper-HZ have built hardware designs and monitoring platforms. We each shared the
+ strengths and weaknesses of the hardware our teams currently have, and analysed possible ways to improve it,
+ with the intention of actually implementing it and transforming the scientific and technological achievements
+ into beneficial applications for society.Attached is the draft hardware design of Worldshaper-HZ (<a
+ href="http://parts.igem.org/File:Draft_hardware_design_for_Worldshaper-HZ.pdf">Draft hardware design for
+ Worldshaper-HZ</a>) </p>
+ <h3 class="l">Brief description of the hardware</h3>
+ <p class="l">Worldshaper-HZ: Their team designed a testing kit for biomarkers of breast cancer. The kit contains
+ all the materials needed for CRISPR-Cas system to work, and when there is circRNA biomarker in the tester’s
+ sample, the kit can give a fluorescence signal.</p>
+ <p class="l">HainanU-China: Aiming to study drug resistant microorganisms in the ocean, they have designed a
+ portable marine drug resistant microbial detector for this field. A hardware system has been developed
+ specifically to suit the requirements, taking into account several aspects such as cost, portability and ease of
+ operation. The system has three main modules, mainly divided into a temperature regulation module, a light path
+ detection module and an Android screen display module, which is relatively small and enables fast detection and
+ a friendly human-machine interface for easy operation.</p>
+ <div class="opic large">
+ <img src="" alt="png">
+ </div>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 7. Both teams exchange ideas for hardware improvements</p>
+ </div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 10. Pro target plasmids that replace fluorescent proteins with toxic proteins</p>
</div>
- </div>
-
- <div class="tpic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 11a. Screenshot of our cooperation manual</p>
+ <div class="ue school">
+ <h1 class="sname">UESTC</h1>
+ <h2 class="mt30">Introduction</h2>
+ <p>In the middle of the project, we met by chance, and based on the interoperability of the experimental
+ techniques used, we followed up with further exchanges, discussing with each other the improvement plans for
+ both projects in terms of human practices, wiki building, and artwork layout, etc. We continued to improve our
+ respective projects during the exchanges, and at the same time reached a good partnership, which was, no doubt,
+ a wonderful and happy experience.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 1. Team logos of HainanU-China and UESTC-BioTech</p>
+ </div>
+
+ <h2>Mid-project: Meet UESTC-BioTech</h2>
+ <p>During an online meeting, we learned that UESTC-BioTech plans to use the CRISPR-Cas9 system to tune the lipid
+ metabolism-related pathways in Chlamydomonas reinhardtii to achieve a breakthrough in synthetic biology for oil
+ production and energy, which is very relevant to the technology used in our project. Based on the aspect of
+ CRISPR technology, we reached a preliminary collaboration with UESTC-BioTech.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 2. reached a preliminary collaboration with UESTC-BioTech</p>
+ </div>
+ <h2>Early August: Preparation for CRISPR meetup</h2>
+ <p>After a series of exchanges, we started to organize CRISPR meetup in order to seek a wider common cooperation.
+ in the process of preparation, we invited CPU_China, SCU-China, BIT DUT_China, HiZJU-China, NWU-CHINA-A,
+ SCAU_China, and SJTU-software and other teams to share their projects, and invited a senior from Southern
+ University of Science and Technology who is familiar with CRISPR technology, and an ambassador from iGEM to be
+ our guests, in addition, we also made beautiful invitations for each team.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 3. Online meetings and questionnaires in preparation for the process</p>
+ </div>
+ <h2>August 14: CRISPR meetup in progress</h2>
+ <p>After careful preparation, we hosted this meetup on August 14, where we discussed the difficulties encountered
+ in experimental and human practice, actively faced and sought solutions, and built strong friendships with many
+ teams. During the meeting, many teams raised their current problems, which were answered by our invited guests
+ and other teams. These questions and answers, as well as the presentations of each team's project, were finally
+ integrated into a manual for future review and promotion of IGEM's synthetic biology concept. In addition, our
+ WeChat public meeting tweets were also officially retweeted by the 9th CCIC conference.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 4. CRISPR conference brochure and screenshots of the meeting</p>
+ </div>
+ <h2>Later stage of the project: giving advice and continuous improvement</h2>
+ <p>In the later stage of the project, we both encountered many difficulties from the aspects of the project for
+ public presentation, such as the construction of the wiki, the aesthetic layout of the presentation content,
+ etc. The relevant persons in charge of both projects started specific communication on this issue, and we
+ exchanged ideas to achieve the best results. For example, when we encountered difficulties in writing the iGEM
+ brochure, they provided us with precious samples of previous iGEMers and participated in the preparation of our
+ brochure in order to share their experience.</p>
+ <div class="opiclarge large annotation">
+ <img src="" alt="png">
+ <p></p>
+ </div>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 5. UESTC-BioTech was involved in the development of our brochure</p>
+ </div>
</div>
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 11b. Screenshot of our cooperation manual</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 12. Screenshot of chat between members of the two teams</p>
- </div>
</div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 13. Files in our group (A total of 51 files)</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 14. Members of our group and other cooperation group </p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 15. Timeline for Crispr/cas diagnostic </p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 16. Preliminary Partnership Meeting</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 17. Progress of the hardware setup</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 18. Discuss the work related to human practice</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 19. Interview of the advisor of HainanU-China team</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 20. Meetup Booklet between HainanU-China and Worldshaper-HZ</p>
- </div>
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 21. Our Photo in front of the Signature Wall</p>
- </div>
- </div>
-
- <div class="opic">
- <img src="" alt="png">
- </div>
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 14. Members of our group and other cooperation group </p>
- </div>
- </div>
-
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 23. Team logos of HainanU-China and UESTC-BioTech</p>
- </div>
- </div>
-
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 24. Online meetings and questionnaires in preparation for the process</p>
- </div>
- </div>
-
-
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 25. CRISPR conference brochure and screenshots of the meeting</p>
- </div>
- </div>
-
-
-
-
-
-
-
-</div>
-
-{% endblock %}
+ {% endblock %}
\ No newline at end of file
--
GitLab
From 24e454660f568706927f0f022304d6a808000f1d Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Fri, 7 Oct 2022 23:09:58 +0800
Subject: [PATCH 18/35] update
---
static/css/base.css | 10 ++++++++++
static/js/nav.js | 4 ++++
wiki/layout.html | 4 ++++
3 files changed, 18 insertions(+)
diff --git a/static/css/base.css b/static/css/base.css
index 5d7037d..f97f704 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -44,3 +44,13 @@ a{
color: #fff;
text-decoration: none !important;
}
+
+
+.loadpic{
+ position: fixed;
+ width: 200vh;
+ height: 100vh;
+ background-color: #fff;
+ z-index: 9999;
+ display: block;
+}
\ No newline at end of file
diff --git a/static/js/nav.js b/static/js/nav.js
index c1a642b..3d2efef 100644
--- a/static/js/nav.js
+++ b/static/js/nav.js
@@ -12,4 +12,8 @@ for (var i = 0; i < navList.length; i++) {
});
});
+}
+
+window.onload = function () {
+ $('.loadpic').css('display', 'none');
}
\ No newline at end of file
diff --git a/wiki/layout.html b/wiki/layout.html
index f2e5618..c6dcae6 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -24,6 +24,10 @@
</head>
<body>
+<!-- loading -->
+ <div class="loadpic">
+
+ </div>
<!-- Navigation -->
{% include 'menu.html' %}
--
GitLab
From 29295d4f0e4f5dcc21e6552324af99ef8caca0f5 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Fri, 7 Oct 2022 23:22:20 +0800
Subject: [PATCH 19/35] update
---
static/css/nav.css | 7 +++++++
wiki/menu.html | 4 +++-
wiki/pages/contribution.html | 2 +-
wiki/pages/education.html | 2 +-
wiki/pages/partnership.html | 2 +-
5 files changed, 13 insertions(+), 4 deletions(-)
diff --git a/static/css/nav.css b/static/css/nav.css
index 9f2ee23..1adfac2 100644
--- a/static/css/nav.css
+++ b/static/css/nav.css
@@ -11,6 +11,13 @@
.nav-logo{
float: left;
height: 100%;
+ position: relative;
+}
+
+.nav-logo img{
+ position: relative;
+ height: 100%;
+ left: 20%;
}
.nav-topics{
diff --git a/wiki/menu.html b/wiki/menu.html
index c595fba..179d975 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -1,5 +1,7 @@
<nav class="top-nav">
- <div class="nav-logo col-3"></div>
+ <div class="nav-logo col-3">
+ <img src="https://static.igem.wiki/teams/4223/wiki/p1/0.png" alt="">
+ </div>
<div class="nav-topics col-9">
<ul class="nav-titles">
<li class="nav-title short-nav"><a href="{{ url_for('pages', page='index') }}" class="nav-link"><span>Home</span></a>
diff --git a/wiki/pages/contribution.html b/wiki/pages/contribution.html
index ec218e5..dfd1058 100644
--- a/wiki/pages/contribution.html
+++ b/wiki/pages/contribution.html
@@ -16,7 +16,7 @@
<p class="l">Transcription system of mutated target RNA for Cas13a1: <a href="http://parts.igem.org/Part:BBa_K4223010">BBa_K4223010</a></p>
<p>This will facilitate future research on the drug resistance of marine microorganisms in our field by means of molecular biology, or by applying the programmability of crRNA to modify the specificity of the relevant Cas proteins to adapt and perform a thousand different nucleic acid assays. </p>
<h3 class="l">II. Joint Manual</h3>
-<p>In order to better communicate and learn from other IGEM teams, we and the JLU-China team took the lead to write a joint handbook with other IGEM teams, detailing the whole process of different teams from the gathering of members, the initial birth of the project, communication and reflection, cooperation and working together to advance the competition. We hope that this joint manual can provide a reference for future IGEM teams to start from 0 to 1, and facilitate the project to start and finish well, and to fulfill the dream of Grand Jamboree (a lesson from the past, a lesson from the future). You can download it here. <a href="http://parts.igem.org/File:An_instruction_handbook_for_new_team.pdf">An instruction handbook for new team</a></p>
+<p>In order to better communicate and learn from other IGEM teams, we and the JLU-China team took the lead to write a joint handbook with other IGEM teams, detailing the whole process of different teams from the gathering of members, the initial birth of the project, communication and reflection, cooperation and working together to advance the competition. We hope that this joint manual can provide a reference for future IGEM teams to start from 0 to 1, and facilitate the project to start and finish well, and to fulfill the dream of Grand Jamboree (a lesson from the past, a lesson from the future). You can download it here. <a href="https://static.igem.wiki/teams/4223/wiki/0/2022handbook.pdf">An instruction handbook for new team</a></p>
<div class="opic large">
<img src="" alt="png">
</div>
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index 2db599b..90bb755 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -187,7 +187,7 @@ with new communities by discussing public values and the science behind syntheti
<p>We have received participation experiences, insights and guidance from 8 teams such as BNC_China and BUCT_China,
and
we will promote this manual to the world to provide help for people who are interested in participating in igem.<a
- href="http://parts.igem.org/File:An_instruction_handbook_for_new_team.pdf">An instruction handbook for new
+ href="https://static.igem.wiki/teams/4223/wiki/0/2022handbook.pdf">An instruction handbook for new
team</a>
</p>
<div class="opic large">
diff --git a/wiki/pages/partnership.html b/wiki/pages/partnership.html
index afd3c2c..8f63595 100644
--- a/wiki/pages/partnership.html
+++ b/wiki/pages/partnership.html
@@ -27,7 +27,7 @@ related to both of your projects.{% endblock %}
<h2 class="mt30">Introduction</h2>
<p>Coming together is a beginning; Keeping together is progress; Working together is success. The above quote is
attributed to Henry Ford and is also what we believe. (<a
- href="http://parts.igem.org/File:An_instruction_handbook_for_new_team.pdf">An instruction handbook for new
+ href="https://static.igem.wiki/teams/4223/wiki/0/2022handbook.pdf">An instruction handbook for new
team</a>)</p>
<p>This year, we entered into a partnership with JLU-China, also as a first-year team, and in a full and pleasant
cooperation, we established common goals and promoted the development of each other's projects and enhanced our
--
GitLab
From 58d569ae4a5b6abadee20a07a27f292d390be366 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Fri, 7 Oct 2022 23:23:45 +0800
Subject: [PATCH 20/35] update
---
wiki/pages/education.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index 90bb755..7f4eb28 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -191,7 +191,7 @@ with new communities by discussing public values and the science behind syntheti
team</a>
</p>
<div class="opic large">
- <img src="" alt="xintu5.png">
+ <img src="" alt="png">
</div>
<p>There is no doubt that our submission of the promotional video made more people know about our project and the IGEM
competition, and also made the concept of synthetic biology more widely known. We hope that in the future, through
--
GitLab
From 4cac1f37311624e0bfb2f14ef1e59159ffadba50 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Sat, 8 Oct 2022 07:31:15 +0800
Subject: [PATCH 21/35] update
---
wiki/pages/proof-of-concept.html | 34 ++++++++++++++++----------------
1 file changed, 17 insertions(+), 17 deletions(-)
diff --git a/wiki/pages/proof-of-concept.html b/wiki/pages/proof-of-concept.html
index 8f1b1ba..bfca97e 100644
--- a/wiki/pages/proof-of-concept.html
+++ b/wiki/pages/proof-of-concept.html
@@ -30,11 +30,11 @@ project.{% endblock %}
successfully purified Cas13a, Cas14a and csm6 proteins using the protein purification instrument belonging to the
State Key Laboratory of Marine Resources Utilization in the South China Sea.</p>
<div class="opic annotation large">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 1a. Protein Passage Curve</p>
</div>
<div class="opic annotation">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 1a. Protein Passage Curve</p>
</div>
<p>The two graphs show the protein purification real-time monitoring data and the csm6 protein gel electrophoresis
@@ -46,16 +46,16 @@ project.{% endblock %}
also met our expectations for the proteins (Fig.3c).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 2a</p>
</div>
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 2b</p>
</div>
</div>
<div class="opic annotation">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 2c</p>
</div>
<h2>Confirmation of “false positive†characterization</h2>
@@ -70,11 +70,11 @@ project.{% endblock %}
different effects on the specificity of the detection depending on the mutation site (Fig.2b).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 3a</p>
</div>
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 3b</p>
</div>
</div>
@@ -82,11 +82,11 @@ project.{% endblock %}
in recognition of the sequence (Fig 3c, Fig 3d).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 3c</p>
</div>
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 3d</p>
</div>
</div>
@@ -105,11 +105,11 @@ project.{% endblock %}
on the assay results.</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 4a</p>
</div>
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 4b</p>
</div>
</div>
@@ -122,16 +122,16 @@ project.{% endblock %}
misidentification, can be realized.</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 4c</p>
</div>
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 4d</p>
</div>
</div>
<div class="opic annotation">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 4e</p>
</div>
<p>Although we have verified that PNA as clamp has better effect than DNA as clamp, however, we are not yet sure to
@@ -143,7 +143,7 @@ project.{% endblock %}
PNA was relatively saturated in the mutant sequence, it was able to play an almost complete shielding role. In the
absence of PNA addition, the magnitude of RFU change of both was not as obvious as when PNA was added (Fig 4f).</p>
<div class="opic annotation">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 4f</p>
</div>
<p>Through further experimental design and verification, we found that the shielding effect of PNA on mutant sequences
@@ -153,11 +153,11 @@ project.{% endblock %}
concentration until it tends to 0 (Fig 4h).</p>
<div class="tpic annotation">
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 4g</p>
</div>
<div class="pic-t">
- <img src="" alt="png">
+ <img src="" alt="jpg">
<p>Figure 4h</p>
</div>
</div>
--
GitLab
From 737aa406bcafc3643fa783cec458f5904510b614 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Sat, 8 Oct 2022 09:07:56 +0800
Subject: [PATCH 22/35] update
---
wiki/pages/collaborations.html | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/wiki/pages/collaborations.html b/wiki/pages/collaborations.html
index 06281bb..c1b42bd 100644
--- a/wiki/pages/collaborations.html
+++ b/wiki/pages/collaborations.html
@@ -29,10 +29,10 @@ teams on difficult problems that you can more easily solve together.{% endblock
<img src="" alt="png" class="logo">
</div>
<div class="opic">
- <img src="" alt="jpg">
+ <img src="" alt="planning">
</div>
<div class="opic">
- <img src="" alt="jpg">
+ <img src="" alt="planning">
</div>
<h3>Experimental Mutual Aid</h3>
<h4>JLU-China</h4>
--
GitLab
From 32eb17033a2e9eb4b079915189a542d453109125 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Sat, 8 Oct 2022 21:03:52 +0800
Subject: [PATCH 23/35] update team
---
static/css/content.css | 53 ++++++++++-
static/js/animate.js | 24 +++++
wiki/layout.html | 1 +
wiki/pages/team.html | 212 ++++++++++++++++++++++++++++++++++++-----
4 files changed, 265 insertions(+), 25 deletions(-)
create mode 100644 static/js/animate.js
diff --git a/static/css/content.css b/static/css/content.css
index aee8161..06185ac 100644
--- a/static/css/content.css
+++ b/static/css/content.css
@@ -408,4 +408,55 @@ img.lpic {
.disp{
display: block;
-}
\ No newline at end of file
+}
+
+.team-line{
+ display: flex;
+ justify-content: space-evenly;
+}
+
+.pic-box{
+ width: 15%;
+}
+
+.pic-all{
+
+ display: none;
+}
+
+.avatar{
+ width: 100%;
+ position: relative;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ transition: scale .5s;
+ transform-origin: 0 0;
+ cursor: pointer;
+}
+
+.pic-display{
+ position: fixed;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
+ display: none;
+ z-index: 90;
+ background-color: rgba(0,0,0.3,0.3);
+}
+
+.pic-display .pic-all{
+ position: relative;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ display: block;
+ height: 0vh;
+}
+
+.avatar:hover{
+ scale: 1.2;
+}
+
+
diff --git a/static/js/animate.js b/static/js/animate.js
new file mode 100644
index 0000000..81e3053
--- /dev/null
+++ b/static/js/animate.js
@@ -0,0 +1,24 @@
+$('.avatar').each(function (item) {
+ $(this).on('click', function () {
+ $('.pic-display').eq(item).css('display', 'block');
+ $('.pic-all').eq(item).css({
+ 'display': 'block',
+ height: '0'
+ });
+ $('.pic-all').eq(item).animate({
+ height: '90vh',
+ width: 'auto'
+ });
+ });
+});
+
+$('.pic-display').each(function (item) {
+ $(this).on('click', function () {
+ $('.pic-all').eq(item).animate({
+ height: 'toggle',
+ width: 'toggle'
+ }, function () {
+ $('.pic-display').eq(item).css('display', 'none');
+ });
+ });
+});
\ No newline at end of file
diff --git a/wiki/layout.html b/wiki/layout.html
index c6dcae6..b87bb40 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -57,5 +57,6 @@
<script src="{{ url_for('static',filename='js/partnership.js') }}"></script>
<script src="{{ url_for('static',filename='js/title-list.js') }}"></script>
<script src="{{ url_for('static',filename='js/pic-link.js') }}"></script>
+ <script src="{{ url_for('static',filename='js/animate.js') }}"></script>
</body>
</html>
diff --git a/wiki/pages/team.html b/wiki/pages/team.html
index 82ba3bb..7ba2ac7 100644
--- a/wiki/pages/team.html
+++ b/wiki/pages/team.html
@@ -6,30 +6,194 @@
{% block page_content %}
-<div class="row">
- <div class="col-8">
- <h2>What should this page contain?</h2>
- <hr>
- <ul>
- <li>Include pictures of your teammates, don't forget instructors and advisors!</li>
- <li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
- <li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
- <li>Remember that image galleries can help you showcase many pictures while saving space.</li>
- </ul>
- <div class="bd-callout bd-callout-info"><strong>Important:</strong> Your wiki pages will be archived at the end of the iGEM season and this content will remain online. Please keep this in mind as you post photos and personal information on this page.</div>
- </div>
- <div class="col-4">
- <h2>Inspirations</h2>
- <hr>
- <ul>
- <li><a href="https://2019.igem.org/Team:CU/Team">2019 CU</a></li>
- <li><a href="https://2019.igem.org/Team:UANL/Team">2019 UANL</a></li>
- <li><a href="https://2019.igem.org/Team:William_and_Mary/Team">2019 William and Mary</a></li>
- <li><a href="https://2020.igem.org/Team:BOKU-Vienna/Team">2020 BOKU Vienna </a></li>
- <li><a href="https://2020.igem.org/Team:CAU_China/Team_Member">2020 CAU China</a></li>
- <li><a href="https://2020.igem.org/Team:Lethbridge/Members">2020 Lethbridge</a></li>
- </ul>
+<div class="row display ltext list-none">
+ <h2>Member Leaders</h2>
+ <hr>
+ <div class="team-line">
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Rongkai Tang">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Shuo Huang">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
</div>
+ <h2>Members</h2>
+ <hr>
+ <div class="team-line">
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Yuhang Zhou">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Xiaoyang Li">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Shiyue Wang">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Xuerui Zhao">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ </div>
+ <div class="team-line">
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Huiru Shi">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Yijie Cheng">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Moyan liang">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Xiaoxia Wang">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ </div>
+ <div class="team-line">
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Qinglan Lan">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Hongyu Chen">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Die Hu">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Xiaoyu Yang">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ </div>
+ <div class="team-line">
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Xinshui Tao">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Han Li">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Shibo Wang">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Siyu Cheng">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ </div>
+ <h2>Advisors</h2>
+ <hr>
+ <div class="team-line">
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Anyi Li">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Manman Chen">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Ye Zhong">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Shengsen Peng">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ </div>
+ <h2>Principle Instructors</h2>
+ <hr>
+ <div class="team-line">
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Yi Wan">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Buhua Wang">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Yinhua Chen">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ </div>
+ <div class="team-line">
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Hailong Zhou">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ <div class="pic-box">
+ <img src="" alt="png" class="avatar" title="Wei Du">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
+ </div>
+
</div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
--
GitLab
From e41633a7ab8f664b0e0f8a6304e191e75297fdb2 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Sat, 8 Oct 2022 21:48:57 +0800
Subject: [PATCH 24/35] update
---
static/css/base.css | 22 ++++++++++++++++------
static/css/content.css | 6 +++++-
static/js/animate.js | 4 ++--
wiki/pages/contribution.html | 16 +++++++++++-----
wiki/pages/education.html | 6 +++++-
wiki/pages/notebook.html | 11 ++++++++++-
wiki/pages/partnership.html | 6 +++---
wiki/pages/team.html | 6 +++++-
8 files changed, 57 insertions(+), 20 deletions(-)
diff --git a/static/css/base.css b/static/css/base.css
index f97f704..7730060 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -31,26 +31,36 @@ p,
ul,
body,
footer {
- padding: 0;
- margin: 0;
- font-family: 'Microsoft Yahei';
+ padding: 0;
+ margin: 0;
+ font-family: 'Microsoft Yahei';
}
-li{
+li {
list-style: none;
}
-a{
+a {
color: #fff;
text-decoration: none !important;
}
-.loadpic{
+.loadpic {
position: fixed;
width: 200vh;
height: 100vh;
background-color: #fff;
z-index: 9999;
display: block;
+
+}
+
+iframe {
+ border: 1px solid black;
+ width: 100%;
+ height: 90vh;
+ overflow: scroll;
+ border: 0;
+
}
\ No newline at end of file
diff --git a/static/css/content.css b/static/css/content.css
index 06185ac..25e918e 100644
--- a/static/css/content.css
+++ b/static/css/content.css
@@ -407,7 +407,7 @@ img.lpic {
}
.disp{
- display: block;
+ display: block !important;
}
.team-line{
@@ -415,6 +415,10 @@ img.lpic {
justify-content: space-evenly;
}
+.flex-around{
+ justify-content: space-around;
+}
+
.pic-box{
width: 15%;
}
diff --git a/static/js/animate.js b/static/js/animate.js
index 81e3053..48ce98f 100644
--- a/static/js/animate.js
+++ b/static/js/animate.js
@@ -8,7 +8,7 @@ $('.avatar').each(function (item) {
$('.pic-all').eq(item).animate({
height: '90vh',
width: 'auto'
- });
+ }, 450);
});
});
@@ -17,7 +17,7 @@ $('.pic-display').each(function (item) {
$('.pic-all').eq(item).animate({
height: 'toggle',
width: 'toggle'
- }, function () {
+ }, 450, function () {
$('.pic-display').eq(item).css('display', 'none');
});
});
diff --git a/wiki/pages/contribution.html b/wiki/pages/contribution.html
index dfd1058..056f01c 100644
--- a/wiki/pages/contribution.html
+++ b/wiki/pages/contribution.html
@@ -17,8 +17,12 @@
<p>This will facilitate future research on the drug resistance of marine microorganisms in our field by means of molecular biology, or by applying the programmability of crRNA to modify the specificity of the relevant Cas proteins to adapt and perform a thousand different nucleic acid assays. </p>
<h3 class="l">II. Joint Manual</h3>
<p>In order to better communicate and learn from other IGEM teams, we and the JLU-China team took the lead to write a joint handbook with other IGEM teams, detailing the whole process of different teams from the gathering of members, the initial birth of the project, communication and reflection, cooperation and working together to advance the competition. We hope that this joint manual can provide a reference for future IGEM teams to start from 0 to 1, and facilitate the project to start and finish well, and to fulfill the dream of Grand Jamboree (a lesson from the past, a lesson from the future). You can download it here. <a href="https://static.igem.wiki/teams/4223/wiki/0/2022handbook.pdf">An instruction handbook for new team</a></p>
-<div class="opic large">
- <img src="" alt="png">
+<iframe id="inlineFrameExample"
+title="2022handbook.pdf"
+src="https://static.igem.wiki/teams/4223/wiki/2022handbook.pdf">
+</iframe>
+<div class="opic large" style="display: none;">
+<img src="" alt="png">
</div>
<p class="c">This will be the framework for future exchanges and learning within and between teams.</p>
@@ -40,10 +44,12 @@
<h3 class="l">IV. Hosting an online virtual meetup</h3>
<p>HainanU-China and UESTC-BioTech are both CRISPR/Cas system based technology development teams, based on the commonality of the technologies they use, in order to seek a wider common cooperation, we jointly organized the CRISPR meetup on August 14, 2022. The CRISPR meetup was co-hosted by us and UESTC-BioTech, and teams from CPU_China, SCU-China, BIT DUT_China, HiZJU-China, NWU-CHINA-A, SCAU_China and SJTU-software were invited to share their projects, and we discussed the difficulties encountered in the process of experiments and human practices, and actively faced the difficulties in the process of human practices. We discussed the difficulties encountered in the process of experimentation and human practice, actively faced and sought solutions to them, and, during this meeting, we also built strong friendships with many teams.</p>
<p class="c"><a href="http://parts.igem.org/File:Meetup_brochure.pdf">A copy of the meetup brochure is attached here for all those who have visited our wiki.</a></p>
-<div class="opic annotation large">
+<iframe id="inlineFrameExample"
+title="crispr-brochure.pdf"
+src="https://static.igem.wiki/teams/4223/wiki/crispr-brochure.pdf">
+</iframe>
+<div class="opic large " style="display: none;">
<img src="" alt="png">
- <p>Figure 2. The technical route of our testing platform</p>
-</div>
</div>
{% endblock %}
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index 7f4eb28..2b34874 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -190,7 +190,11 @@ with new communities by discussing public values and the science behind syntheti
href="https://static.igem.wiki/teams/4223/wiki/0/2022handbook.pdf">An instruction handbook for new
team</a>
</p>
- <div class="opic large">
+ <iframe id="inlineFrameExample"
+ title="2022handbook.pdf"
+ src="https://static.igem.wiki/teams/4223/wiki/2022handbook.pdf">
+</iframe>
+ <div class="opic large" style="display: none;">
<img src="" alt="png">
</div>
<p>There is no doubt that our submission of the promotional video made more people know about our project and the IGEM
diff --git a/wiki/pages/notebook.html b/wiki/pages/notebook.html
index b022ba4..7c1ba20 100644
--- a/wiki/pages/notebook.html
+++ b/wiki/pages/notebook.html
@@ -8,7 +8,16 @@ day for your project.{% endblock %}
{% block page_content %}
<div class="row display ltext">
-
+ <div class="cbtn">
+ <ul>
+ <li>
+ <button class="bjlu btn btn-success btn-lg">Non-experimental part</button>
+ </li>
+ <li>
+ <button class="bhz btn btn-danger btn-lg">Non-experimental part</button>
+ </li>
+ </ul>
+ </div>
</div>
{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/partnership.html b/wiki/pages/partnership.html
index 8f63595..76b64b9 100644
--- a/wiki/pages/partnership.html
+++ b/wiki/pages/partnership.html
@@ -22,7 +22,7 @@ related to both of your projects.{% endblock %}
</ul>
</div>
<div class="ctxt">
- <div class="jlu school disp">
+ <div class="school disp">
<h1 class="sname">JLU-China</h1>
<h2 class="mt30">Introduction</h2>
<p>Coming together is a beginning; Keeping together is progress; Working together is success. The above quote is
@@ -163,7 +163,7 @@ related to both of your projects.{% endblock %}
<p>Figure 14. Members of our group and other cooperation group </p>
</div>
</div>
- <div class="hz school">
+ <div class="school">
<h1 class="sname">Worldshaper-HZ</h1>
<h2 class="mt30">Introduction</h2>
<p>Since April, we have had several regular virtual meetings with Worldshaper-HZ to discuss experiments,
@@ -263,7 +263,7 @@ related to both of your projects.{% endblock %}
</div>
</div>
- <div class="ue school">
+ <div class="school">
<h1 class="sname">UESTC</h1>
<h2 class="mt30">Introduction</h2>
<p>In the middle of the project, we met by chance, and based on the interoperability of the experimental
diff --git a/wiki/pages/team.html b/wiki/pages/team.html
index 7ba2ac7..5c17f25 100644
--- a/wiki/pages/team.html
+++ b/wiki/pages/team.html
@@ -9,6 +9,7 @@
<div class="row display ltext list-none">
<h2>Member Leaders</h2>
<hr>
+ <p class="c">(Click picture to learn more)</p>
<div class="team-line">
<div class="pic-box">
<img src="" alt="png" class="avatar" title="Rongkai Tang">
@@ -25,6 +26,7 @@
</div>
<h2>Members</h2>
<hr>
+ <p class="c">(Click picture to learn more)</p>
<div class="team-line">
<div class="pic-box">
<img src="" alt="png" class="avatar" title="Yuhang Zhou">
@@ -131,6 +133,7 @@
</div>
<h2>Advisors</h2>
<hr>
+ <p class="c">(Click picture to learn more)</p>
<div class="team-line">
<div class="pic-box">
<img src="" alt="png" class="avatar" title="Anyi Li">
@@ -159,7 +162,8 @@
</div>
<h2>Principle Instructors</h2>
<hr>
- <div class="team-line">
+ <p class="c">(Click picture to learn more)</p>
+ <div class="team-line flex-around">
<div class="pic-box">
<img src="" alt="png" class="avatar" title="Yi Wan">
<div class="pic-display">
--
GitLab
From d8a34f76e076b4c29fb08c0e01f020d1f4588c75 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Sat, 8 Oct 2022 22:00:24 +0800
Subject: [PATCH 25/35] update
---
wiki/pages/contribution.html | 7 ++-----
wiki/pages/education.html | 10 ++++++----
2 files changed, 8 insertions(+), 9 deletions(-)
diff --git a/wiki/pages/contribution.html b/wiki/pages/contribution.html
index 056f01c..a5d3d08 100644
--- a/wiki/pages/contribution.html
+++ b/wiki/pages/contribution.html
@@ -44,12 +44,9 @@ src="https://static.igem.wiki/teams/4223/wiki/2022handbook.pdf">
<h3 class="l">IV. Hosting an online virtual meetup</h3>
<p>HainanU-China and UESTC-BioTech are both CRISPR/Cas system based technology development teams, based on the commonality of the technologies they use, in order to seek a wider common cooperation, we jointly organized the CRISPR meetup on August 14, 2022. The CRISPR meetup was co-hosted by us and UESTC-BioTech, and teams from CPU_China, SCU-China, BIT DUT_China, HiZJU-China, NWU-CHINA-A, SCAU_China and SJTU-software were invited to share their projects, and we discussed the difficulties encountered in the process of experiments and human practices, and actively faced the difficulties in the process of human practices. We discussed the difficulties encountered in the process of experimentation and human practice, actively faced and sought solutions to them, and, during this meeting, we also built strong friendships with many teams.</p>
<p class="c"><a href="http://parts.igem.org/File:Meetup_brochure.pdf">A copy of the meetup brochure is attached here for all those who have visited our wiki.</a></p>
-<iframe id="inlineFrameExample"
-title="crispr-brochure.pdf"
-src="https://static.igem.wiki/teams/4223/wiki/crispr-brochure.pdf">
-</iframe>
-<div class="opic large " style="display: none;">
+<div class="opic large ">
<img src="" alt="png">
</div>
+</div>
{% endblock %}
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index 2b34874..b016db9 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -190,10 +190,9 @@ with new communities by discussing public values and the science behind syntheti
href="https://static.igem.wiki/teams/4223/wiki/0/2022handbook.pdf">An instruction handbook for new
team</a>
</p>
- <iframe id="inlineFrameExample"
- title="2022handbook.pdf"
+ <iframe id="inlineFrameExample" title="2022handbook.pdf"
src="https://static.igem.wiki/teams/4223/wiki/2022handbook.pdf">
-</iframe>
+ </iframe>
<div class="opic large" style="display: none;">
<img src="" alt="png">
</div>
@@ -213,6 +212,9 @@ with new communities by discussing public values and the science behind syntheti
this meeting.
The brochure for the meetup is attached here for all those who visited our wiki to download. <a
href="http://parts.igem.org/File:Meetup_brochure.pdf">Meetup brochure.pdf</a></p>
+ <iframe id="inlineFrameExample" title="crispr-brochure.pdf"
+ src="https://static.igem.wiki/teams/4223/wiki/crispr-brochure.pdf">
+ </iframe>
</div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
--
GitLab
From a1bd2bcec820cbc99a528ca12f3d52457b774278 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Sun, 9 Oct 2022 14:21:43 +0800
Subject: [PATCH 26/35] update and delete unnecessary files
---
static/css/content.css | 28 ++
static/css/header.css | 7 +
static/css/index.css | 0
static/css/mobile-footer.css | 0
static/css/practice.css | 260 ++++++++++++
static/js/pic-link.js | 2 +
wiki/layout.html | 67 +--
wiki/pages/education.html | 70 ++-
wiki/pages/human-practices.html | 470 +++++++++++++++++----
wiki/pages/notebook.html | 728 +++++++++++++++++++++++++++++++-
wiki/pages/parts.html | 382 ++++++++++++-----
11 files changed, 1744 insertions(+), 270 deletions(-)
delete mode 100644 static/css/index.css
delete mode 100644 static/css/mobile-footer.css
create mode 100644 static/css/practice.css
diff --git a/static/css/content.css b/static/css/content.css
index 9575645..f09eb06 100644
--- a/static/css/content.css
+++ b/static/css/content.css
@@ -49,6 +49,34 @@ article p {
font-weight: 500;
}
+.cinfo{
+ overflow: visible;
+}
+
+.cinfo:nth-child(1){
+ background: url(https://static.igem.wiki/teams/4223/wiki/h1/b/1.png) no-repeat;
+ background-position:0 0% ;
+ background-size: 30%;
+}
+
+.cinfo:nth-child(3){
+ background: url(https://static.igem.wiki/teams/4223/wiki/h1/b/3.png) no-repeat;
+ background-position:0 90% ;
+ background-size: 30%;
+}
+
+.cinfo:nth-child(5){
+ background: url(https://static.igem.wiki/teams/4223/wiki/h1/b/4.png) no-repeat;
+ background-position:0 90% ;
+ background-size: 25%;
+}
+
+.cinfo:nth-child(6){
+ background: url(https://static.igem.wiki/teams/4223/wiki/h1/b/5.png) no-repeat;
+ background-position:100% 100% ;
+ background-size: 20%;
+}
+
/* ä½ç½®æ“ä½œæ ‡ç¾ */
.center {
position: relative;
diff --git a/static/css/header.css b/static/css/header.css
index 321081f..5ad08b5 100644
--- a/static/css/header.css
+++ b/static/css/header.css
@@ -8,6 +8,13 @@ header{
overflow: hidden;
}
+.headback{
+ height: 100vh;
+ width: 100%;
+ position: relative;
+ background-color: rgba(255,255,255,0.4);
+}
+
.header-title{
position:absolute;
display: inline-block;
diff --git a/static/css/index.css b/static/css/index.css
deleted file mode 100644
index e69de29..0000000
diff --git a/static/css/mobile-footer.css b/static/css/mobile-footer.css
deleted file mode 100644
index e69de29..0000000
diff --git a/static/css/practice.css b/static/css/practice.css
new file mode 100644
index 0000000..a15cad5
--- /dev/null
+++ b/static/css/practice.css
@@ -0,0 +1,260 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ /*æ‰€æœ‰å…ƒç´ çš„å†…å¤–è¾¹è·æ¸…除*/
+}
+
+body {
+ font-family: Arial, Helvetica, sans-serif;
+}
+
+button {
+ background-color: #04AA6D;
+ color: white;
+ padding: 14px 20px;
+ margin: 8px 0;
+ border: none;
+ cursor: pointer;
+ width: 100%;
+}
+
+button:hover {
+ opacity: 0.8;
+}
+
+.imgcontainer {
+ position: relative;
+
+}
+
+.cancelbtn {
+ width: auto;
+ padding: 10px 18px;
+ background-color: #f44336;
+}
+
+img.avatar {
+ width: 110%;
+ text-align: center;
+
+}
+
+.im {
+ padding-left: 35px;
+ float: left;
+ width: 20%;
+ height: 100%;
+}
+
+
+span.psw {
+ float: right;
+ padding-top: 16px;
+}
+
+/* The Modal (background) */
+.modal {
+ display: none;
+ /* Hidden by default */
+ position: fixed;
+ /* Stay in place */
+ z-index: 1;
+ /* Sit on top */
+ left: 0;
+ top: 0;
+ width: 100%;
+ /* Full width */
+ height: 100%;
+ /* Full height */
+ overflow: auto;
+ /* Enable scroll if needed */
+ background-color: rgb(0, 0, 0);
+ /* Fallback color */
+ background-color: rgba(0, 0, 0, 0.4);
+ /* Black w/ opacity */
+ padding-top: 60px;
+}
+
+/* Modal Content/Box */
+.modal-content {
+ background-color: #fefefe;
+ display: block;
+ margin: 5% auto 15% auto;
+ /* 5% from the top, 15% from the bottom and centered */
+ border: 1px solid #888;
+ width: 50%;
+ /* Could be more or less, depending on screen size */
+}
+
+/* The Close Button (x) */
+.close {
+ position: absolute;
+ right: 25px;
+ top: 0;
+ color: #000;
+ font-size: 35px;
+ font-weight: bold;
+}
+
+.close:hover,
+.close:focus {
+ color: red;
+ cursor: pointer;
+}
+
+.pp {
+ font-size: 12px;
+ width: 80%;
+ padding: 45px;
+ float: left;
+}
+
+/* Add Zoom Animation */
+.animate {
+ -webkit-animation: animatezoom 0.6s;
+ animation: animatezoom 0.6s
+}
+
+@-webkit-keyframes animatezoom {
+ from {
+ -webkit-transform: scale(0)
+ }
+
+ to {
+ -webkit-transform: scale(1)
+ }
+}
+
+@keyframes animatezoom {
+ from {
+ transform: scale(0)
+ }
+
+ to {
+ transform: scale(1)
+ }
+}
+
+/* Change styles for span and cancel button on extra small screens */
+@media screen and (max-width: 300px) {
+ span.psw {
+ display: block;
+ float: none;
+ }
+
+ .cancelbtn {
+ width: 100%;
+ }
+}
+
+.myteam {
+ display: flex;
+ width: 100%;
+ height: 430px;
+ justify-content: space-around;
+}
+
+.myprteam {
+ display: flex;
+ width: 120%;
+ height: 400px;
+ justify-content: space-between;
+}
+
+.section-title-divider {
+ width: 110px;
+ height: 3px;
+ background: #03C4EB;
+ margin: 0 auto;
+ margin-bottom: 20px;
+}
+
+.section-title {
+ font-size: 32px;
+ color: #111;
+ text-transform: capitalize;
+ text-align: center;
+ font-weight: 700;
+}
+
+.p2 {
+ text-transform: none;
+}
+
+.color1 {
+ background-image: linear-gradient(to right, #59b5ff, #cad5ff);
+
+}
+
+.color2_1 {
+ background: url(https://static.igem.wiki/teams/4223/wiki/h3/b/1.png) no-repeat;
+ background-size: cover;
+}
+
+.color2_2 {
+ background: url(https://static.igem.wiki/teams/4223/wiki/h3/b/2.png) no-repeat;
+ background-size: cover;
+
+
+}
+
+.color2_3 {
+ background: url(https://static.igem.wiki/teams/4223/wiki/h3/b/3.png) no-repeat;
+ background-size: cover;
+
+}
+
+.color2_4 {
+ background: url(https://static.igem.wiki/teams/4223/wiki/h3/b/4.png) no-repeat;
+ background-size: cover;
+
+}
+
+.res {
+ overflow: hidden;
+ border: 2px solid #03C4EB;
+ transform-origin: 10px 10px;
+
+}
+
+
+.res img {
+ transition: all .3s;
+}
+
+.res:hover img {
+ transform: translateX(-50%);
+ transform: scale(1.1);
+}
+
+
+.opic_a {
+ display: block;
+ margin: 20px 0;
+}
+
+.opic_a img {
+ width: 60%;
+ height: 100%;
+ object-fit: cover;
+ position: relative;
+ left: 0%;
+
+}
+
+.pic-t_a {
+ float: left;
+ height: 110%;
+ overflow: hidden;
+ width: 50%;
+ top: 50%;
+}
+
+.pic-t_a img {
+ left: 0%;
+ width: 80%;
+ float: none;
+ position: relative;
+ height: 90%;
+}
\ No newline at end of file
diff --git a/static/js/pic-link.js b/static/js/pic-link.js
index c710269..d04fce4 100644
--- a/static/js/pic-link.js
+++ b/static/js/pic-link.js
@@ -40,5 +40,7 @@ $(function(){
$(this)[0].src = url + pic;
});
console.log(url);
+ $('header').css('background', 'url('+url+'b/0.jpeg) no-repeat');
+ $('header').css('background-size', 'cover');
})
diff --git a/wiki/layout.html b/wiki/layout.html
index 0f6f649..e717ee5 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -1,30 +1,32 @@
<!doctype html>
<html lang="en">
- <head>
- <!-- Required meta tags -->
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="shortcut icon" href="https://static.igem.wiki/common/icons/favicons/igem-2022.svg"/>
- <link rel="license" href="https://creativecommons.org/licenses/by/4.0/"/>
-
- <!-- Bootstrap CSS -->
- <link href="{{ url_for('static', filename = 'bootstrap.min.css') }}" rel="stylesheet">
-
- <!-- Custom CSS -->
- <link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
- <link rel="stylesheet" href="{{ url_for('static', filename = 'css/base.css')}}">
- <link rel="stylesheet" href="{{ url_for('static', filename = 'css/nav.css')}}">
- <link rel="stylesheet" href="{{ url_for('static', filename = 'css/mobile-nav.css')}}">
- <link rel="stylesheet" href="{{ url_for('static', filename = 'css/header.css')}}">
- <link rel="stylesheet" href="{{ url_for('static', filename = 'css/footer.css')}}">
- <link rel="stylesheet" href="{{ url_for('static', filename = 'css/mobile-footer.css')}}">
- <link rel="stylesheet" href="{{ url_for('static', filename = 'css/content.css')}}">
-
- <title>{% block htitle %}{% endblock %} | HainanU_China - iGEM 2022</title>
+
+<head>
+ <!-- Required meta tags -->
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="shortcut icon" href="https://static.igem.wiki/common/icons/favicons/igem-2022.svg" />
+ <link rel="license" href="https://creativecommons.org/licenses/by/4.0/" />
+
+ <!-- Bootstrap CSS -->
+ <link href="{{ url_for('static', filename = 'bootstrap.min.css') }}" rel="stylesheet">
+
+ <!-- Custom CSS -->
+ <link href="{{ url_for('static', filename = 'style.css') }}" rel="stylesheet">
+ <link rel="stylesheet" href="{{ url_for('static', filename = 'css/base.css')}}">
+ <link rel="stylesheet" href="{{ url_for('static', filename = 'css/nav.css')}}">
+ <link rel="stylesheet" href="{{ url_for('static', filename = 'css/mobile-nav.css')}}">
+ <link rel="stylesheet" href="{{ url_for('static', filename = 'css/header.css')}}">
+ <link rel="stylesheet" href="{{ url_for('static', filename = 'css/footer.css')}}">
+ <link rel="stylesheet" href="{{ url_for('static', filename = 'css/content.css')}}">
+ <link rel="stylesheet" href="{{ url_for('static', filename = 'css/practice.css')}}">
+
+ <title>{% block htitle %}{% endblock %} | HainanU_China - iGEM 2022</title>
</head>
+
<body>
-<!-- loading -->
+ <!-- loading -->
<div class="loadpic">
<div class="spinner-border text-warning"></div>
<div class="spinner-grow text-info"></div>
@@ -34,21 +36,25 @@
<!-- Header -->
<header>
- <div class="header-title">
- {{ self.title() }}
+ <div class="headback">
+
+ <div class="header-title">
+ {{ self.title() }}
+ </div>
</div>
+
</header>
<!-- Page Content -->
<article>
- <div class="container">
- {% block page_content %}{% endblock %}
- </div>
+ <div class="container">
+ {% block page_content %}{% endblock %}
+ </div>
</article>
-<!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org-->
+ <!-- Footer: MUST mention license AND have a link to team wiki's repository on gitlab.igem.org-->
{% include 'footer.html' %}
-</div>
+ </div>
<!-- Bootstrap Bundle with Popper -->
<script src="{{ url_for('static', filename = 'js/jquery-3.6.1.min.js') }}"></script>
<script src="{{ url_for('static', filename = 'bootstrap.bundle.min.js') }}"></script>
@@ -60,4 +66,5 @@
<script src="{{ url_for('static',filename='js/pic-link.js') }}"></script>
<script src="{{ url_for('static',filename='js/animate.js') }}"></script>
</body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/wiki/pages/education.html b/wiki/pages/education.html
index b016db9..0a1877c 100644
--- a/wiki/pages/education.html
+++ b/wiki/pages/education.html
@@ -7,7 +7,7 @@ with new communities by discussing public values and the science behind syntheti
{% block page_content %}
-<div class="row display ltext">
+<div class="row display ltext" xmlns="http://www.w3.org/1999/html">
<h2>â… . Promotional videos and articles</h2>
<p>We produced several tweets and promotional videos about synthetic biology and submitted them on bilibili.com and
WeChat, which were widely read and broadcasted.</p>
@@ -33,32 +33,24 @@ with new communities by discussing public values and the science behind syntheti
<p>To our surprise, our WeChat official account article was forwarded and publicized by the 9th CCIC community. This
has not only expanded our influence, but also made more people know about our project, and promoted more capable
talents to devote themselves to the construction of synthetic biology.</p>
- <h3>Purpose</h3>
- <p>With the belief of bringing scientific ideas into all areas of society, making the concept of scientific
- development more deeply rooted in people's hearts, and further enhancing the awareness of science and environmental
- protection for all people, our team will fully combine our school's own characteristics to hold a series of student
- science activities with the theme of life science, so as to promote the school's science education work, promote the
- comprehensive development of campus science and technology cultural activities, cultivate students We will promote
- science education in schools, promote the comprehensive development of science and technology cultural activities in
- schools, cultivate students' scientific spirit of "daring to explore and innovation", and improve students'
- scientific and technological literacy. To this end, we will focus on three themes: life, disease and cutting-edge
- technology, explaining the impact of life sciences on our daily lives from a biological perspective.</p>
- <h3>Target group</h3>
+ <h2>Purpose</h2>
+ <p>In order to promote synthetic biology and igem, stimulate students' interest in biology, develop students' imagination about biology, cultivate students' scientific spirit of "daring to explore and innovate", and improve students' scientific and cultural literacy, our team decided to carry out a series of popular science activities, starting from three themes: life, disease and frontier technology, to explain the impact of life science on our daily life from the perspective of biology.</p>
+ <h2>Target group</h2>
<p>Approximately 500 secondary school students from the Haikou Foreign Language School affiliated to Beijing Foreign
Studies University and interested undergraduates from our university.</p>
- <h3>Contents</h3>
- <p>Our team has prepared four themes of science education: "The Secret of Coffee" under the theme of life,
- "Disappearing Love - Alzheimer's Disease" under the theme of disease, "The Scientist Knows the Horse" under the
- theme of cutting-edge technology, "The Scientist Knows the Motor - DNA Nanoscale Molecular Motor" and "The Amazing
- Genetic Scalpel - CRISPR". Scientists know motors - DNA nanoscale molecular motors" and "The amazing genetic scalpel
- - CRISPR". We hope that our science talks will be both interesting and serious.</p>
+ <h2>Contents</h2>
+ <p>A. Preparation: Our team has prepared four themes of science education, "The Secret of Coffee" under the theme of life, "Disappearing Love - Alzheimer's Disease" under the theme of disease, and "Frontier Technology" under the theme of Scientists know the motor - DNA nanoscale molecular motor", "the magic genetic scalpel - CRISPR". Some of these are related to our project and some are close to life, and we hope our science lectures can balance fun and seriousness.
+
+B. Invitation After preparing the science education content and rehearsing it in the team. We started to look for the target audience of our science popularization. At first, we planned to invite interested undergraduates from our university to give them a more professional science education. However, in the process of preparation, we decided to expand our influence and let more people see synthetic biology and let more people know about igem, so we started to look for suitable universities, and in the process of searching, it was not as smooth as we thought. Due to the epidemic, some schools did not open, and some rejected us for various reasons, such as time mismatch. However, with our persistent efforts, we finally succeeded in communicating with Haikou Foreign Language School affiliated with Beijing Foreign Studies University and got an opportunity to make a presentation.
+
+C. Cooperation After determining the time of the lecture and planning the general flow of the activity, in order to make our science popularization more abundant, we took the initiative to contact other schools to jointly conduct science popularization with us. With continuous communication with other teams, we finally invited iGEM teams from Guangxi University and Jilin University to participate in the science lectures we held.</p>
<p>We also invited the iGEM team from Guangxi University and Jilin University to give a science talk together. Their
presence enriched the content of the lectures.</p>
- <h3>Format</h3>
+ <h2>Format</h2>
<p>Unfortunately, due to the severity of the epidemic in our school location, we had to deliver the science talk in an
online format.
</p>
- <h3>Processes</h3>
+ <h2>Processes</h2>
<h4>I.Pre-planning</h4>
<p>Chinese version of the plan</p>
<div class="tpic">
@@ -184,22 +176,29 @@ with new communities by discussing public values and the science behind syntheti
</div>
<p class="c m0">(Video uploaded on the right, captions throughout on the left)</p>
<h2>â…¢. The iGEM Guide</h2>
- <p>We have received participation experiences, insights and guidance from 8 teams such as BNC_China and BUCT_China,
- and
- we will promote this manual to the world to provide help for people who are interested in participating in igem.<a
- href="https://static.igem.wiki/teams/4223/wiki/0/2022handbook.pdf">An instruction handbook for new
- team</a>
- </p>
+ <h2>Introduction</h2>
+ <p>When team HananU_China was first established, we met JLU_China, who was also in their first year of participation. Since both teams were new in their first year of participation, we wanted to create a handbook at the beginning of this tournament to record the stories of both teams in detail.
+
+The original purpose of the handbook is to inspire people's love for synthetic biology, to lower the threshold for them to participate in the igem competition, and to let all the students around us know about the igem event. We will write down as many problems we encountered and how we solved them in this handbook, so that people can get started better.
+
+
+In the process of recording, we will regularly organize the problems encountered by the two teams at each stage into chapters and push them at the same time, as of now have jointly pushed 8 articles, with the depth of the tournament, we launched the 1.0 version of the manual</p>
+ <div class="opic large">
+ <img src="" alt="png">
+ </div>
+ <b class="l">Following the launch of version 1.0 of the manual, we began plans to expand the promotion and dissemination of the manual to.</b>
+ <p>1. Invite more teams to join, share their experiences and shortcuts, and keep improving the manual.</p>
+ <p>2. Release the manual in the official community, authorize subsequent teams to carry on and relay, promote the igem event and help future igem teams to participate.</p>
+ <p>3. We will add more insights to the handbook, the content of conversations with igemers, and translate the handbook into many different languages, inviting igem teams from other countries to join and promote and publicize in their local areas, so that the handbook can become a guidebook to promote the development of synthetic biology and make more people understand the igem event.</p>
+ <b class="l">So far, we have received eight team experience sharing from BUCT_China, FAFU_China, etc. The sharing covers eight areas: IGEM and synthetic biology basics, team formation, division of labor, methods of effective contact and communication with mentors, methods of selecting topics, overview of HP work, requirements for good artwork and good web pages, and introduction to 3D modeling design.</b>
+ <p>Brochure display:</p>
+
+ <div class="opic large">
+ <img src="" alt="jpg">
+ </div>
<iframe id="inlineFrameExample" title="2022handbook.pdf"
src="https://static.igem.wiki/teams/4223/wiki/2022handbook.pdf">
</iframe>
- <div class="opic large" style="display: none;">
- <img src="" alt="png">
- </div>
- <p>There is no doubt that our submission of the promotional video made more people know about our project and the IGEM
- competition, and also made the concept of synthetic biology more widely known. We hope that in the future, through
- the efforts of our team, more people with high aspirations can devote themselves to the construction of synthetic
- biology.</p>
<h2>â…£. Hosting an online virtual meetup</h2>
<p>UESTC-BioTech has been working on synthetic biology breakthroughs in oil and energy production by tuning the lipid
metabolism-related pathways of Chlamydomonas reinhardtii with the CRISPR-Cas9 system, so we have entered into a
@@ -212,9 +211,6 @@ with new communities by discussing public values and the science behind syntheti
this meeting.
The brochure for the meetup is attached here for all those who visited our wiki to download. <a
href="http://parts.igem.org/File:Meetup_brochure.pdf">Meetup brochure.pdf</a></p>
- <iframe id="inlineFrameExample" title="crispr-brochure.pdf"
- src="https://static.igem.wiki/teams/4223/wiki/crispr-brochure.pdf">
- </iframe>
</div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index 8f05f7a..62842ab 100644
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -6,147 +6,465 @@
{% block page_content %}
-<div class="row display ltext">
+<div class="row display ltext list-none" >
+<!-- abstract-->
+ <h3 class="section-title">Abstract</h3>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 1a. Professor Liao Chenghong</p>
+ <div class="section-title-divider"></div>
+
+ <div class="pp" style="width:100%; font-size:15px; margin-top:-40px;">
+ <p class="p1">The number of drug-resistant bacteria in the ocean has increased at an alarming rate over the past decade due to environmental pollution, the misuse of antibiotics and other factors. If the development of drug-resistant bacteria is not curbed, these "superbugs", which are inherently difficult to eliminate, will become one of the biggest global health threats in the next 30 years. The impact of drug-resistant bacteria on humans has suddenly become real. This problem will now affect millions of people directly or indirectly. It is an urgent problem that we need to be aware of immediately.</p>
+ <p class="p1">Hainan University is located on the shore of the largest ocean in China. The utilization and sustainable development of Marine environmental resources have always been the focus of our research. The HainanU_China team 2022 is dedicated to solving the problem of detecting drug-resistant bacteria in the ocean.</p>
+
+ </div>
+<!-- Interview-->
+<h3 class="section-title">Interview with Experts</h3>
+ <p class="p1 c" >(Click picture and you can learn details)</p>
+ <div class="section-title-divider"></div>
+<div class="myteam ">
+ <div class="opic_a annotation">
+ <div onclick="document.getElementById('id01').style.display='block'" class="pic-t_a res" style="cursor: pointer; width:260px;height:350px; ">
+ <img style=" width:90%; height:90%; margin-left:13px;" src="" alt="png">
+ <p >Figure 1a.Professor Liao</p>
</div>
+
+
</div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 1b. Professor Zhou Hailong</p>
+ <div id="id01" class="modal" >
+ <div class="imgcontainer modal-content animate" style="height: 682px; width:900px;">
+ <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
+ <div class="im">
+ <img src="" class="avatar" alt="png" style="padding-top:180px;">
+ </div>
+ <div class="pp">
+ <p class="p1">In order to understand the main methods of bacterial nucleic acid detection at present, we asked <strong>Professor Liao Chenghong</strong>, director of the Department of Biotechnology, Hainan University.</p>
+ <p class="p1">Q: What are the main methods of nucleic acid detection at present? What are the characteristics of each method?</p>
+ <p class="p2">A: There are four main methods: PCR, thermostatic amplification, sequencing and CRISPR.</p>
+ <p class="p4">PCR method means that fluorescent substances are added to the reaction system, real-time fluorescence detection is realized by special instruments, and quantitative calculation of the template is carried out. It is the most commonly used nucleic acid detection method at present, and generally only takes 2 to 3 hours to get the test results.</p>
+ <p class="p5">The constant temperature amplification method avoids the temperature adjustment of the sample used in fluorescent PCR. The thermostatic device can complete amplification and chromatography detection, which is suitable for lower-level medical institutions and various application scenarios to realize POCT detection of pathogen RNA.</p>
+ <p class="p6">Sequencing can directly read the sequence of the nucleic acid bases, which is necessary for a new virus that is completely unknown. However, only a few companies have developed and put into production nucleic acid sequencing kits for the novel coronavirus.</p>
+ <p class="p7">CRISPR's detection technology is a new type of RNA detection that takes only a purified sample of nucleic acid molecules and can be detected in just one hour in three simple steps. At the moment, it's not very common.</p>
+
+ <p class="p8">Based on the teacher's guidance, we believe that each of the four methods has advantages and disadvantages, and the CRISPR test is more attractive to us -- <strong>it is convenient, fast and currently uncommon.</strong></p>
+ </div>
+ </div>
+
+</div>
+
+
+ <div class="opic_a annotation " >
+ <div onclick="document.getElementById('id02').style.display='block'" class="pic-t_a res" style=" cursor: pointer; width:260px;height:350px;">
+ <img style=" width:90%; height:90%; margin-left:13px;" src="" alt="png">
+
+ <p>Figure 1b. Professor Zhou</p>
</div>
</div>
+<div id="id02" class="modal">
+ <div class="imgcontainer modal-content animate" style="height: 592px; width:900px;">
+ <span onclick="document.getElementById('id02').style.display='none'" class="close" title="Close Modal">×</span>
+ <div class="im">
+ <img src="" class="avatar" alt="png" style="padding-top:180px;">
+ </div>
+ <div class="pp">
+ <p class="p1">
+Later, we interviewed Professor Zhou Hailong, who was more familiar with CRISPR and viruses.
+Q: What are the methods of nucleic acid detection?</p>
+ <p class="p1">A: Nucleic acid detection mainly includes nucleic acid detection reagent and antibody detection. The first method is usually PCR detection through throat swab, gene amplification, and then nucleic acid detection. And the antibody test is the choice of blood drawing, blood drawing method to get the results, observe whether the antibody titer is increased, this situation often refers to the situation that can not produce antibodies before blood drawing.We still prefer noninvasive testing, so we ruled out antibody testing.</p>
+ <p class="p1">
+Q: What is the specific process of CRISPR assays currently available?</p>
+ <p class="p1">A: At present, Professor Zhang Feng's team has realized the application of CRISPR-CAS system to complete the detection of COVID-19. Using synthetic 2019-NCoV RNA fragments, his team designed and tested two guide Rnas (grnas), each of which specifically recognizes a characteristic nucleic acid fragment of 2019-NCoV. When combined with the Cas13 protein, they form a SHERLOCK system capable of detecting the presence or absence of 2019-NCoV viral RNA. You can check Professor Zhang Feng's papers and so on.</p>
+ <p class="p1">
+Q: Are there any drawbacks to CRISPR-based nucleic acid testing?</p>
+ <p class="p1">
+A: There are also drawbacks. Although the CRISPR-CAS system based pathogen nucleic acid detection has the advantages of fast speed, low cost and strong practicality, its cost is too high, and the accuracy and sensitivity need to be systematically verified in clinical practice.
+</p>
+ <p class="p1"></p>
+ <p class="p1"></p>
+ <p class="p1"></p>
+ </div>
+ </div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 1c. Dr. Wan Yi</p>
+</div>
+ <div class="opic_a annotation ">
+ <div onclick="document.getElementById('id03').style.display='block'" class="pic-t_a res" style="cursor: pointer; width:260px;height:350px;">
+ <img style=" width:90%; height:90%; margin-left:10px; " src="" alt="png">
+ <p>Figure 1c. Dr. Wan Yi</p>
</div>
+
</div>
+<div id="id03" class="modal">
+ <div class="imgcontainer modal-content animate" style="height: 682px; width:1200px;">
+ <span onclick="document.getElementById('id03').style.display='none'" class="close" title="Close Modal">×</span>
+ <div class="im">
+ <img src="" class="avatar" alt="png" style="padding-top:180px;">
+ </div>
+ <div class="pp">
+ <p class="p1">
+Combined with the teachers' answers, we preliminarily believe that we can design a nucleic acid detection instrument with higher accuracy based on CRISPR-CAS system. </p>
+ <p class="p1">On this basis, we contacted Dr. Wan Yi from the State Key Laboratory of Marine Resources Utilization in the South China Sea, Hainan University.</p>
+ <p class="p1">Q: Do you have any suggestions for the direction we should take?"</p>
+ <p class="p1">A: In terms of the direction of the project, I think the location advantage of Hainan is A very important concept, and your direction is also in line with this concept. The south China sea as China's four largest and deepest sea field, the area with the most abundant natural resources, the resources for our country, on the economy, national defense has important strategic significance, and the drug resistance problem of the Marine microorganisms can seriously affect people's production and living, national, and even the whole world there is no doubt that this problem in the south China sea is a problem that cannot be ignored in this mysterious treasure.</p>
+ <p class="p1">
+Q: Do you have any comments on the microbial resistance test?</p>
+ <p class="p1">A: The increasing drug resistance of pathogenic microorganisms threatens the safety of human production and life. Rapid detection, quantitative analysis and combined with antimicrobial management are key interventions to control the emergence and spread of drug resistance. However, at present, phenotypic antimicrobial susceptibility testing (AST) is more commonly used in clinical microbial resistance detection, most of which are broth microdilution method, disk method and so on. These methods need longer incubation time, which cannot guide anti-infection treatment in time. The drug resistance gene detection method based on the nucleic acid detection technology of CRISPRâƒCas system can greatly shorten the reporting time, which is conducive to more targeted follow-up work according to microbial resistance.</p>
+ <p class="p1">In terms of project experiments, CRISPR/Cas13a, as a ribonucnitase, can only recognize and cut RNA. The nucleic acid amplification product to be tested must be transcribed in vitro to generate RNA before it can be recognized and cut by Cas13a, and Cas14 belongs to type â…´ CRISPR system. At present, Cas14 family members including Cas14a to Cas14c have RuvC nuclease domain, which is responsible for binding to crRNA and tracrRNA and cutting target DNA, and can recognize and cut ssDNA. So I suggest that you use these two effector proteins for the purpose of detecting RNA and DNA resistant microorganisms
+</p>
+ </div>
+ </div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
+</div>
+ </div>
+ <!-- pretream-->
+ <h3 class="section-title">Study and summary of previous teams</h3>
+ <p class="p1 c" >(Click picture and you can learn details)</p>
+ <div class="section-title-divider"></div>
+ <div class="myprteam color1" style="height:320px;">
+ <div class="opic_a annotation">
+ <div onclick="document.getElementById('id04').style.display='block'" class="pic-t_a res" style="vertical-align:middle; width:260px;height:280px; padding-top:47px; cursor:pointer;">
+ <img style="vertical-align:middle; cursor: pointer; width:100%;height:auto" src="" alt="png">
<p>Figure 2a. CU-Boulder</p>
</div>
</div>
+<div id="id04" class="modal">
+ <div class="imgcontainer modal-content animate" style="height: 622px; width:900px;">
+ <span onclick="document.getElementById('id04').style.display='none'" class="close" title="Close Modal">×</span>
+ <div class="im">
+ <img src="" class="avatar" alt="png" style="padding-top:260px;">
+ </div>
+ <div class="pp">
+ <h2 >CU-Boulder</h2>
+ <h4 class="p2">（https://2014.igem.org/Team:CU-Boulder）</h4>
+ <p class="p1">Introduction: Brittle cell 9 consists of an endonuclease (Cas9) that is directed by the CRISPR RNA component to a specific sequence in the genome. Once targeted to the genome, Cas9 causes double-strand breaks that kill host bacterial cells. Because killing depends on the sequence of the CRISPR-guide RNA, the sequence can be engineered to contain short specific nucleotide sequences and therefore target unique genes in any disease-causing bacterium.</p>
+ <p class="p1">Using non-replicating phages as vectors, we can efficiently deliver the CRISPR-Cas9 machinery to cells and kill bacteria by targeting the genome with CRISPR-Cas9.</p>
+ <p class="p1">Learning: They used CRISPR-Cas9 phages to enter cells, and the bacteria expressed Cas9 endonuclide and guide RNA (gRNA). The guide RNA consists of a spacer sequence that binds DNA and a handle bound by Cas9 endonuclease. Cas9 protein and gRNA are clustered together. Cas9 binds to the PAM site, allowing gRNA to anneal to the target sequence. Upon successful binding, Cas9 endonuclease cleaves DNA, causing double-strand breaks. If the cell is unable to repair the damage on its own or repair the damage incorrectly, the cell dies.</p>
+ </div>
+ </div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
+</div>
+
+ <div class="opic_a annotation">
+ <div onclick="document.getElementById('id05').style.display='block'" class="pic-t_a res" style="vertical-align:middle; width:260px;height:280px; cursor:pointer;">
+ <img style="vertical-align:middle; cursor: pointer; width:100%;height:auto" src="" alt="png">
<p>Figure 2b</p>
</div>
</div>
+<div id="id05" class="modal">
+ <div class="imgcontainer modal-content animate" style="height: 582px; width:900px;">
+ <span onclick="document.getElementById('id05').style.display='none'" class="close" title="Close Modal">×</span>
+ <div class="im">
+ <img src="" class="avatar" alt="png" style="padding-top:180px;">
+ </div>
+ <div class="pp">
+ <h2 >Linkoping_Sweden</h2>
+ <h4 class="p2">(https://2016.igem.org/Team:Linkoping_Sweden/Design）</h4>
+ <p class="p1">
+Introduction: The problem they solve is the high cost of algal biofuels. They designed a structure that could control the metabolism of chlamydia. This construct is required to deliver inducible CRISPR/Cas9 knockdown that conveys specific metabolic target genes, directing carbon-derived cellular flux to triacylglycerol (TAG) synthesis.</p>
+ <p class="p1">
+Learning: Their pitcher plant demonstration illustrates the inducible function of the CRISPR/Cas9 system. Cas9 can be positively regulated by the light-induced LIP promoter. LIP can achieve the light-induced expression and target gene knockdown of Cas9. There are several variants of the inducible promoter that can be used to express genes such as Cas9 in response to a given stimulus. Cas9 acts as a knockout medium in the CRISPR/Cas9 system, requiring only very low Cas9 expression to achieve target gene knockdown. Finally, sgRNA acts as a binding protein gene, allowing rapamycin resistance to be used as a selective marker for successful gene knockdown.</p>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
+ </div>
+ </div>
+ </div>
+
+
+ <div class="opic_a annotation">
+ <div onclick="document.getElementById('id06').style.display='block'" class="pic-t_a res" style="cursor:pointer; vertical-align:middle; width:260px;height:280px;padding-top:68px;">
+ <img style="vertical-align:middle; cursor: pointer;width:100%;height:auto " src="" alt="png">
<p>Figure 2c</p>
</div>
</div>
+<div id="id06" class="modal">
+ <div class="imgcontainer modal-content animate" style="height: 682px; width:900px;">
+ <span onclick="document.getElementById('id06').style.display='none'" class="close" title="Close Modal">×</span>
+ <div class="im" style="width:25%">
+ <img src="" class="avatar" alt="png" style="padding-top:190px; ">
+ </div>
+ <div class="pp" style="width:75%">
+ <h2 >NTU-Singapore</h2>
+ <h4 class="p2">(https://2016.igem.org/Team:NTU-Singapore/Description）</h4>
+ <p class="p1">Introduction: Our project aims to improve the CRISPR/Cas9 toolkit for genome engineering and regulation. The Cas9/Cpf1 protein is widely adopted because of its simple programmability to generate targeted double-strand breaks. The cell's repair machinery will then repair the break, allowing us to edit the DNA. To date, several questions about this technology remain unanswered. First, despite the discovery of multiple Cas9 / Cpf1 proteins, we still do not know how efficiently each protein is compared to the other. In addition, the cutting efficiency of different cutting parts is also different. The popularity of the technology comes from its ability to increase knock rates. However, its efficiency still needs to be improved as it varies between target locations. The team's goal is to make a thorough comparison of different Cas9 proteins and improve the efficiency of their genome editing.</p>
+ <p class="p1">Learning: They used transcriptional activation domain fusion of dCas9 to activate a GFP reporter construct cotransfected into HEK293FT cells to determine the binding affinity of dCas9 to its target. The specificity of Cas9 can increase with the length of gRNA. So they screened out the best length of gRNA needed. Among other things, they used directed evolution to screen for more efficient SpCas9 variants in cleaved DNA to improve the efficiency of the system and improve the CRISPR/Cas9 system.
+</p>
+ </div>
+ </div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
+</div>
+ <div class="opic_a annotation">
+ <div onclick="document.getElementById('id07').style.display='block'" class="pic-t_a res" style="vertical-align:middle; width:260px;height:280px; cursor:pointer; padding-top:146px;">
+ <img style="vertical-align:middle; cursor: pointer; width:100%;height:auto" src="" alt="png">
<p>Figure 2d</p>
</div>
</div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 4a</p>
+ <div id="id07" class="modal">
+ <div class="imgcontainer modal-content animate" style="height: 682px; width:900px;">
+ <span onclick="document.getElementById('id07').style.display='none'" class="close" title="Close Modal">×</span>
+ <div class="im">
+ <img src="" class="avatar" alt="png" style="padding-top:220px;">
+ </div>
+ <div class="pp">
+ <h2 >UiOslo_Norway</h2>
+ <h4 class="p2">（https://2018.igem.org/Team:UiOslo_Norway）</h4>
+ <p class="p1">Introduction: Based on previous projects, the UiOslo team aims to develop a rapid detection kit for Candida albicans infection using CRISPR/dCas9. Vaginal samples were treated with glucanase to cleave yeast cell walls and expose fungal DNA. After that, a modified dCas9 enzyme fused with split β-lactamase was added. Using specially designed guide Rnas, the dCas9 complex binds adjacent to each other on Candida albica-specific DNA sequences. Activated β-lactamase cleaves its substrate nitrocifen, producing a colored product indicating the presence of Candida albicans.</p>
+ <p class="p1">
+Learning: Use the refined CRISPR-Cas9 system to detect specific DNA sequences in the Candida albicans genome by Cas9 endonuclide (dCas9) protein. The detection method using CRISPR-Cas9 is very convenient and can be productized at scale. Endonuclease activity was inhibited by inducing point mutations in the domain of conventional Cas9. Candida albican-specific, 20-nucleotide complementary guide Rnas were designed so that dCas9 binds only to the targeted DNA strand. Due to the specificity of CRISPR-Cas9, such a detection system has very little error. And by changing the guide RNA, the system can detect almost any DNA-containing organism with high accuracy.</p>
+
+ </div>
</div>
- </div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 4b</p>
+</div>
+</div>
+ <h3 class="section-title">Conculsion</h3>
+ <div class="pp" style="width:100%; font-size:15px; margin-top:-50px;">
+ <p>Under the guidance of currently available solutions and regulations, we focused on the current epidemic situation, consulted relevant literature and proposed a preliminary design after team brainstorming, namely, to establish a nucleic acid detection method based on type â…µ CRISPRâƒCas system, and further improve the sensitivity of detection by introducing Csm6.
+</p>
+ </div>
+<!-- interview2-->
+ <h3 class="section-title">Dialogue with local aquatic enterprises</h3>
+ <div class="section-title-divider"></div>
+ <div class="pp" style="width:100%; font-size:15px; margin-top:-50px;">
+ <p class="p1">We visited Hainan Ruilai Aquaculture Co., LTD. The company is a leading enterprise focusing on the breeding of Penaeus vannamei larvae, and is an important standardized breeding base of Penaeus vannamei larvae in China. Through the field visit, we learned that Hainan Ruilai currently has three molecular biology testing laboratories, equipped with a complete set of molecular biology testing equipment, and adopts the national standard (or industry standard) method used by authorities to carry out daily pathogen monitoring on water sources, shrimps, biological bait, larvae and shrimps, etc. The experimental operation and control will be carried out by graduate students with theoretical and technical foundation of molecular biology. In the process of communication with the staff, we raised the question of "whether there are any microbial diseases in the process of breeding that cannot be controlled by the application of drugs", which attracted their attention. The staff said that such "difficult diseases" appeared in the process of breeding, and the use of drugs against specific pathogenic microorganisms still did not help. Finally, through further investigation, it was found that the root cause of this situation was the development of drug resistance of pathogenic microorganisms. Through our in-depth discussion, we found that the detection of microbial resistance has a significant role in aquaculture. At present, we are in a highly concerned about the health of human society, human health with the continuous development of the society will only become more and more the center of construction. Facing consumers with higher and higher requirements for the quality of food products, aquatic enterprises must respond to the call of The Times, conform to the needs of consumers, and invest a large number of resources into product quality control and improvement. "We need an accurate, convenient and rapid method for detecting microbial resistance," the farm technician stressed as we investigated the issue further.</p>
+ <p class="p1">These suggestions greatly expanded our thinking. In order to better determine the direction of the project, we began to investigate the current market pain points. In the process, we had in-depth communication with the following companies and improved our design iteratively based on their feedback.</p>
+ <p class="p1">In the project of experiment in the process, we found that at present most of the means of both need to be sequenced columns to can detect by Cas detection system, in order to activate the Cas nucleic acid enzyme activity detection signal, and RPA, LAMP isothermal amplification methods although the high sensitivity, but the amplification process prone to product pollution, causing false positive results. Especially for Cas14a, because it only recognizes ssDNA, in order to generate a single strand that can be recognized by Cas14a, a primer is modified with thiophosphate lipid during nucleic acid amplification to be tested. After adding T7 exonuclide, the unmodified strand will be degraded and only the target sequence to be tested will be retained. Therefore, Cas14a is less tolerant of the mismatch between crRNA and the nucleic acid to be tested. In addition, the nucleic acid amplification step will also affect the sensitivity and speed of detection because of the long reaction time.</p>
</div>
- </div>
+<!-- company-->
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 4c</p>
+<h3 class="section-title">Research on the market to understand the current problems facing aquaculture</h3>
+
+ <p class="p1 c" >(Click picture and you can learn details)</p>
+ <div class="section-title-divider"></div>
+ <div class="pp" style="width:100%; font-size:15px; margin-top:-40px;">
+ <p class="p1">â‘ Current context: The unique challenges facing aquaculture</p>
+ <p class="p1">In recent years, with the continuous expansion of aquaculture scale and the continuous improvement of the degree of intensification, 150 ~ 200 kinds of diseases can be monitored in 90 aquaculture varieties. Aquaculture diseases are characterized by wide epidemic areas, variety of diseases and high mortality. Aquaculture diseases cause annual economic losses of 40 billion to 50 billion yuan.</p>
+ <p class="p1">â‘¡Identification of problems: Field investigation of local aquaculture farms</p>
+ <p class="p1">We visited Hainan Ruilai Aquaculture Co., LTD. Through field investigation, we learned that Hainan Ruilai currently has three molecular biology testing laboratories, equipped with a complete set of molecular biology testing equipment, and adopts the national standard (or industry standard) method used by authorities to carry out daily pathogen monitoring for water sources, shrimps, biological bait, larvae, shrimp seedlings, etc. In the process of communication, we raised the question of "whether there are microbial diseases that cannot be controlled by the application of drugs in the process of breeding", which attracted their attention. The staff said that such "difficult diseases" appeared in the process of breeding and production, and the use of corresponding drugs for specific pathogenic microorganisms was still of no avail. Finally, through further investigation and testing, it was found that the root cause of this situation was the resistance of pathogenic microorganisms. After the conversation, the farm technicians put forward their demands -- "We urgently need an accurate, convenient and rapid microbial resistance detection scheme".</p>
+ <p class="p1">â‘¢Verifying requirements: interviewing various aquaculture farms</p>
+ <p class="p1">To verify the need for testing microbial resistance protocols on aquaculture farms in Hainan, we interviewed our key stakeholder, aquaculture farmers. Through field interviews, we learned the answers to three main questions.</p>
+ <p class="p1">1.What are the main problems in their breeding process?</p>
+ <p class="p1">2.Do they think microbial resistance testing will be needed in the market?</p>
+ <p class="p1">3.What characteristics do they want for microbial resistance testing methods?</p>
+ </div>
+ <div class="myprteam color1">
+ <div class="opic_a annotation">
+ <div onclick="document.getElementById('id08').style.display='block'" class="pic-t_a res" style="cursor:pointer; width:250px;height:365px; padding-top:127px;">
+ <img style=" cursor: pointer; width:100%; height:auto;" src="" alt="png">
+ <p>Figure 3a</p>
</div>
</div>
+<div id="id08" class="modal">
+ <div class="imgcontainer modal-content animate color2_1 " style="height: 642px; width:900px;">
+ <div style="height: 642px; width:900px; background:rgba(255,255,255,0.5);">
+ <span onclick="document.getElementById('id08').style.display='none'" class="close" title="Close Modal">×</span>
+ <div class="im">
+ <img src="" class="avatar" alt="png" style="padding-top:200px;">
+ </div>
+ <div class="pp ">
+ <p class="p1">Hainan Ruilai Aquaculture Co., Ltd. is a leading enterprise focusing on the breeding of Penaeus vannamei and an important standardized breeding base of Penaeus vannamei. In order to meet the development needs of the company and cultivate a new generation of high-quality shrimp seedlings, in 2010, the company invested more than 20 million yuan in the sky blue water clear, the original ecological environment superior Mulan Bay to build a new 30 mu of seedling breeding base. The base has 16 shrimp production rooms, 320 breeding ponds. After the base was put into use, the breeding base with an annual production capacity of 4 billion shrimp seedlings greatly alleviated the contradiction between supply and demand of "Wangyi" shrimp seedlings. In 2012, the annual sales volume of "Wangyi" shrimp seedlings reached more than 10 billion. We know that hainan flexibly by field visits to currently has three testing laboratory of molecular biology, and equipped with a complete set of molecular biology detection equipment, using the authority to use national standard method of water daily, kiss, biological bait, larval shrimp, shrimp seedlings for specific pathogens such as monitoring, and by the theory and technology of molecular biology foundation student experiment operation and the control. When we talked with the staff of Ruilai Aquaculture Co., LTD., the antimicrobial resistance of pathogenic microorganisms in aquatic products we presented attracted their attention, and after in-depth discussion, they thought it was very necessary to detect microbial resistance. In response to our interview questions, the person in charge of them gave the following answers:</p>
+ <p class="p1">1.Microbial diseases of aquatic products occurred on a certain scale.</p>
+ <p class="p1">
+2.The emergence of some "intractable diseases" in aquaculture shows the need for microbial resistance testing.</p>
+ <p class="p1">3.As a tool to solve disease problems, the biggest requirement for it is high accuracy.
+</p>
+ </div>
+ </div>
+ </div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 4d</p>
+</div>
+ <div class="opic_a annotation">
+ <div onclick="document.getElementById('id09').style.display='block'" class="pic-t_a res" style="cursor: pointer; width:250px;height:365px;padding-top:195px;">
+ <img style=" width:100%; height:auto;" src="" alt="png">
+ <p>Figure 3b</p>
</div>
</div>
+<div id="id09" class="modal">
+ <div class="imgcontainer modal-content animate color2_2" style="height: 682px; width:900px;">
+ <div class="" style="height: 682px; width:900px; background:rgba(255,255,255,0.4);">
+ <span onclick="document.getElementById('id09').style.display='none'" class="close" title="Close Modal">×</span>
+ <div class="im">
+ <img src="" class="avatar" alt="png" style="padding-top:180px;">
+ </div>
+ <div class="pp">
+ <p class="p1">Hainan Xiangtai Fishery Co., LTD., established in 2004, is a national agricultural industrialization key leading enterprise integrating seed and seedling cultivation, ecological breeding, feed production, aquatic product processing, food testing, storage and logistics, biotechnology and sales. The main products are tilapia, gold pomfret, shrimp and semi-finished premade dishes. Relying on the advantages of the whole industrial chain, we have established a perfect traceability system to realize the whole traceability of products from the source to the table. The company's products have passed the pollution-free product origin certification, and BAP, ASC, BRC, IFS, HACCP and other more than 10 international certification. In addition, Xiangtai Tilapia has also obtained Hainan Sea bream certification and "Hainan Tilapia" agricultural Geographical Indication Authorization. Nanxiangtai Fishery has been committed to the development and supply of global high-quality aquatic products, providing high-quality aquatic protein for the global human beings. In the future, the company said that it will continue to improve the ability of product research and development innovation, to become the national trust of aquatic products brand, to become a leader in the aquatic industry. In the conversation with the technical experts of Ruilai Aquaculture Co., LTD., we learned that microbial resistance is not only the concern of microbial diseases in aquaculture, but also the increasing focus of buyers. Therefore, in order to ensure product quality and build excellent brand reputation of pollution-free products, microbial resistance detection of aquatic products is an increasingly important part. In response to our interview questions, the person in charge of them gave the following answers:</p>
+ <p class="p1">
+1.The view that microbial resistance in aquatic products indirectly causes harm to human body has become a hot topic of consumer concern.</p>
+ <p class="p1">
+2.In today's health-oriented human society, microbial resistance detection has become an aspect that companies have to pay attention to and devote considerable energy to.</p>
+ <p class="p1">
+3.As for production and operation, the requirement for a detection method is to pursue convenience and speed on the basis of ensuring high accuracy.</p>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 4e</p>
+ </div>
+ </div>
</div>
- </div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 4f</p>
+</div>
+ <div class="opic_a annotation">
+ <div onclick="document.getElementById('id10').style.display='block'" class="pic-t_a res" style="width:250px;height:365px;cursor: pointer;">
+ <img style=" width:100%; height:auto; " src="" alt="png">
+ <p>Figure 3c</p>
</div>
</div>
+<div id="id10" class="modal">
+ <div class="imgcontainer modal-content animate color2_3 color2_a" style="height: 682px; width:900px;">
+ <div class="" style="height: 682px; width:900px; background:rgba(255,255,255,0.4);">
+ <span onclick="document.getElementById('id10').style.display='none'" class="close" title="Close Modal">×</span>
+ <div class="im">
+ <img src="" class="avatar" alt="png" style="padding-top:180px;">
+ </div>
+ <div class="pp">
+ <p class="p1">Hainan Zhongzheng Aquaculture Science and Technology Co., Ltd. is a standardized joint-stock company initiated by Hainan Tenglei Aquaculture Management Co., Ltd. is a scientific and technological enterprise integrating scientific research, development, production, sales and technical services, and is the leading enterprise of agricultural industrialization in Hainan province. In the industry, it was the first to pass ISO9001, GAP and other certifications, won the title of "Hainan Provincial Aquatic seed Farm", "Ministry of Agriculture Aquaculture healthy Aquaculture Demonstration Farm", won the 2015 China Penaeus Vannamei seedling "New enterprise" award, was named "2016 China Aquatic industry Top Ten healthy and safe seedling brand", Won the title of "Top Ten Seedling Enterprises of 2017", contracted to build the "Aquatic Animal Testing Center of Dongfang City, Hainan Province" to strictly control the quality and serve the surrounding customers. The company is located in Dongfang City, Hainan Province, where the water quality is excellent. It has established a seed and seedling breeding base with advanced facilities in Xinlong. With a fixed asset investment of more than 90 million yuan, the base now has more than 25,000 cubic meters of breeding water. It has advanced and scientific water treatment system, strict biological control system and perfect quality control system. It monitors the whole production process and strictly controls the quality to ensure that each batch of shrimp can reach SPF quality. In the process of talking with the person in charge of the company, we found that the company attaches great importance to the quality and safety of aquatic products. The officials said microbial resistance is a "stumbling block" in improving the quality of aquatic products. Therefore, in their view, it is very necessary to test microbial resistance.</p>
+ <p class="p1">response to our interview questions, the person in charge of them gave the following answers:</p>
+ <p class="p1">1.Quality control of aquatic products has become a huge challenge in the process of aquaculture</p>
+ <p class="p1">2.The detection of microbial resistance is an aspect of whether the quality of aquatic products is qualified, so there is a certain market demand for the detection of microbial resistance.</p>
+ <p class="p1">3.We urgently need a high accuracy, portable and fast microbial resistance detection device.</p>
+ </div>
+ </div>
+ </div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 4g</p>
+</div>
+ <div class="opic_a annotation">
+ <div onclick="document.getElementById('id11').style.display='block'" class="pic-t_a res" style="width:250px;height:365px;padding-top:222px;cursor: pointer;">
+ <img style=" width:100%; height:auto; " src="" alt="png">
+ <p>Figure 3d</p>
</div>
</div>
+<div id="id11" class="modal">
+ <div class="imgcontainer modal-content animate color2_4 color2_a" style="height: 722px; width:900px;">
+ <div class="" style="height: 722px; width:900px; background:rgba(255,255,255,0.4);">
+ <span onclick="document.getElementById('id11').style.display='none'" class="close" title="Close Modal">×</span>
+ <div class="im">
+ <img src="" class="avatar" alt="png" style="padding-top:180px;">
+ </div>
+ <div class="pp">
+ <p class="p1">Fujian Minwei Industrial Co., LTD is a modern fishery enterprise, national key leading enterprise and provincial leading enterprise in Marine industry. And yellow sea fisheries research institute of Chinese academy of fishery sciences, fujian fisheries research institute, Shanghai ocean university, jimei university and other research institutions actively carry out "production, study and research" project cooperation, surrounding seawater fish seed breeding and its related industry chain extension and so on many subjects for research, has made a number of scientific research, and scientific research achievements transformation. Set up a "national ocean fish zhangzhou comprehensive experimental station of industrial technology system", "Chinese rabbits - fujian fuding bass aquaculture professional technology exchange center", "fujian province academician experts workstation" "flower perch breeding in fujian province key laboratory", "fujian institute of aquaculture seawater fish test base", "fujian wei spent perch processing enterprises in fujian province engineering technology research center", such as scientific research Taiwan aims to help enterprises solve the technical problems encountered in the rearing, breeding and processing of seawater fish, develop new products, cultivate talents, improve the independent innovation ability of enterprises, research and develop innovative technological achievements, in order to obtain good social and economic benefits. The person in charge said that there is a lack of rapid and effective disease diagnosis technology on the market at present. We further learned through the interview that the professional ability of the staff of aquatic animal prevention and quarantine stations in many areas is poor, and the infrastructure needs to be improved, so it is still impossible to carry out rapid disease diagnosis. The breakthrough of practical diagnostic technology is an urgent problem to be solved in aquaculture industry.</p>
+ <p class="p1">In response to our interview questions, the person in charge of them gave the following answers:</p>
+ <p class="p1">1.Disease diagnosis technology is a major problem in the process of breeding.</p>
+ <p class="p1">
+2.Microbial resistance testing is a key aspect of the company, which has a strong market demand.</p>
+ <p class="p1">
+3.We need practical diagnostic technology and rapid and high precision microbial drug resistance detection devices.
+</p>
+ </div>
+ </div>
+ </div>
- <div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 4h</p>
+</div>
</div>
- </div>
+<!-- survery-->
+
+<h3 class="section-title" style="padding-top:40px;">Survey of local topography and location of Haikou</h3>
+ <div class="section-title-divider"></div>
+ <p class="p1">To better understand the local port information, as well as to find the appropriate river estuary for sample collection. We made a survey of the topography of Haikou.</p>
<div class="opic annotation">
- <div class="pic-t">
+ <div class="opic">
<img src="" alt="png">
- <p>Figure 5a.Topography of Haikou</p>
+ <p>Figure 4a.Topography of Haikou</p>
</div>
</div>
-
+ <p class="p1">For the topographic analysis of the whole island, we selected 53 of the estuaries and made a map.</p>
<div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 5b. Terrain</p>
+ <div class="opic">
+ <img src="" alt="png">
+ <p>Figure 4b. Terrain</p>
</div>
</div>
-
+ <p class="p1">
+Based on the terrain, whether the rivers are polluted by human actions in scenic spots, factories or other areas, we have selected 30 of them and will arrange to conduct seawater sampling at these 30 locations in turn around Hainan Province.</p>
<div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 5c</p>
+ <div class="opic">
+ <img src="" alt="png">
+ <p>Figure 4c</p>
</div>
</div>
+<!--weike-->
+<h3 class="section-title" style="padding-top:0px;">Cooperation with microbiology related technology companies</h3>
+ <div class="section-title-divider"></div>
+ <p style="font-weight:900; font-size:24px">01ã€Trends in the molecular diagnostics industry </p>
<div class="opic annotation">
- <div class="pic-t">
- <img src="" alt="png">
- <p>Figure 6a</p>
+ <div class="opic">
+ <img src="" alt="png">
+ <p>Figure 4d</p>
</div>
</div>
+ <div class="pp" style="width:100%; font-size:15px; margin-top:-50px;">
+ <p class="p1">â‘ Aging, increased incidence of infectious diseases and tumors</p>
+ <p class="p1">By 2030, there will be 360 million people over the age of 60. With aging, human immunity decreases, which leads to an increased risk of infectious diseases, tumors and other diseases, and the need for molecular diagnostics such as disease screening and tumor early screening increases.</p>
+ <p class="p1">â‘¡Urbanization and emerging viruses lead to epidemics of infectious diseases</p>
+ <p class="p1">By the end of 2021, the urbanization rate of permanent residents in China was 64.72%, and it is expected to reach 71.2% by 2050. Excessive urban population growth and more frequent contact with dense population mobility have provided favorable conditions for the spread and prevalence of infectious diseases. SARS in 2003, Ebola in 2014, Zika in 2016, COVID-19 in 2020 and the recent emergence of unexplained hepatitis in children have all posed new challenges to the global health system, as the accelerated rate of virus mutation makes it more difficult to control infectious diseases.</p>
+ <p class="p1">â‘¢The emergence of drug-resistant microorganisms poses a great threat</p>
+ <p class="p1">
+If effective measures are not taken, it is estimated that by 2050, 10 million people will die of drug-resistant bacteria worldwide every year, and the economic loss will reach 100 trillion US dollars. Microbial drug resistance has become a global public health crisis. Traditional bacterial culture requires a long detection time, and most viruses are difficult to or even cannot be cultured in vitro, while molecular diagnosis can rapidly diagnose microbial resistance. The Xpert® CarBA-R Assay carbapenem resistance gene test kit launched by Sapei in 2020. Five major carbapenem resistance genes blaKPC, blaNDM, blaVIM, blaIMP and BlaoxA-48 were also reported.</p>
+ <p class="p1">â‘£The COVID-19 pandemic has accelerated the development of the industry, and PCR laboratories are springing up all over the country</p>
+ <p class="p1">Before the epidemic, PCR laboratories were mainly located in large Classâ…² Grade A hospitals, CDC, laboratories of scientific research institutes and other institutions, which had very high requirements on personnel quality, equipment and laboratory environment. Since the outbreak of the epidemic, nearly 10,000 PCR laboratories have been established in hospitals above the second level and third-party ICL, which greatly improved China's nucleic acid detection capacity in a short period of time and effectively shortened the "testing time for all". In the post-epidemic era, how to play the functions of these "costly" PCR laboratories has become a new topic. Molecular diagnosis in the hospital can not only solve the turn-around time (TAT) of detection, but also reduce the vacancy problem of PCR laboratories.
+</p>
+ <p class="p1" style="font-weight:900; font-size:24px"> 02ã€Product features </p>
+ <p class="p1">
+What we've designed is a portable test for antibiotic-resistant microorganisms in the ocean. The system is relatively small in size, can achieve rapid detection, human-computer interaction interface friendly and easy to operate. The system mainly has three modules, mainly divided into temperature regulation module, optical path detection module and Android screen display module.
+Functions that can be implemented (key benefits)</p>
+ <p class="p1">â‘ Sample as you go</p>
+ <p class="p1">â‘¡Portability and miniaturization bring a wider range of application scenarios</p>
+ <p class="p1">
+Hierarchical diagnosis and treatment, some community outpatient clinics, secondary hospitals, township health centers, etc., also need molecular diagnosis, but these primary medical institutions lack professionals, and fewer medical personnel;</p>
+ <p class="p1">In emergency scenarios, the collection and delivery of clinical laboratory specimens takes a lot of time. How to minimize TAT has become a key factor restricting the rapid diagnosis and treatment of emergency medicine;</p>
+ <p class="p1">
+Border entry and exit quarantine, the increase of import and export goods increases the workload of border entry and exit quarantine, at the same time, the emergence of new viruses, increased the difficulty of quarantine, a little negligence will cause serious economic losses;
+In addition, airports, high-speed railway stations, ports and other places with dense personnel and large mobility, as well as field hospitals, all need portable, miniaturized, moderate flux and easy to operate diagnostic instruments.</p>
+
+
+ </div>
+
+
<div class="opic annotation">
- <div class="pic-t">
+ <div class="opic">
<img src="" alt="png">
- <p>Figure 6b</p>
+ <p>Figure 4e</p>
</div>
</div>
+ <div class="pp" style="width:100%; font-size:15px; margin-top:-50px;">
+
+ <p class="p1" style="font-weight:900; font-size:24px"> 03ã€Optimize the experimental scheme and achieve cooperation intention </p>
+ <p class="p1">Our products meet the development concept of "rapid detection" of VREWKR company, and compared with the traditional microplate reader, the cost is lower, more portable and the process is simpler, which has a broad market development space and a wide range of target users.</p>
+ <p class="p1">During the visit to the company, the head of the technical department discussed with our experimental group members, They introduced us to a synthetic nucleic acid analogue, peptide nucleic acid (PNA), consisting of nuclear bases aligned along a pseudopeptide skeleton, and suggested that we take advantage of PNA's ability to integrate the genetic information encoded by nucleic acids with the structural and functional properties of amino acids encoded by proteins. By specifically hybridizing with DNA or RNA to form stable PNA-DNA or PNA-RNA heterozygous double-stranded structure, it can exert its high biological stability and high affinity for binding to complementary nucleic acid sequences, so as to solve the problem of false positives in detection results. This feedback will promote us to carry out a new round of experimental scheme optimization and product upgrade. In the future, we will build a portable microbial resistance detector that can be mass-produced, low-cost and high-precision.</p>
+ <p class="p1">At present, Hainanu-China has reached a preliminary cooperation intention with Hainan Wekrypton Biotechnology Co., LTD., and we will complete the plans on the transformation of scientific and technological achievements, financing and instrument mass production in the future.</p>
+
+ </div>
</div>
+<!--<script>-->
+
+<!--var modal = document.getElementById('id01');-->
+<!--var modal1 = document.getElementById('id02');-->
+<!--var modal2 = document.getElementById('id03');-->
+<!--var modal3 = document.getElementById('id04');-->
+<!--var modal4 = document.getElementById('id05');-->
+<!--var modal5 = document.getElementById('id06');-->
+<!--console.log(modal);-->
+<!--console.log(modal1);-->
+<!--window.onclick = function(event) {-->
+<!-- if (event.target == modal) {-->
+<!-- modal.style.display = "none";-->
+<!-- }-->
+<!-- if (event.target == modal1) {-->
+<!-- modal1.style.display = "none";-->
+<!-- }-->
+<!-- if (event.target == modal2) {-->
+<!-- modal2.style.display = "none";-->
+<!-- }-->
+<!-- if (event.target == modal3) {-->
+<!-- modal3.style.display = "none";-->
+<!-- }-->
+<!-- if (event.target == modal4) {-->
+<!-- modal4.style.display = "none";-->
+<!-- }-->
+<!-- if (event.target == modal5) {-->
+<!-- modal5.style.display = "none";-->
+<!-- }-->
+<!--}-->
+
+
+
+<!--</script>-->
{% endblock %}
diff --git a/wiki/pages/notebook.html b/wiki/pages/notebook.html
index 7c1ba20..bb18024 100644
--- a/wiki/pages/notebook.html
+++ b/wiki/pages/notebook.html
@@ -8,16 +8,720 @@ day for your project.{% endblock %}
{% block page_content %}
<div class="row display ltext">
- <div class="cbtn">
- <ul>
- <li>
- <button class="bjlu btn btn-success btn-lg">Non-experimental part</button>
- </li>
- <li>
- <button class="bhz btn btn-danger btn-lg">Non-experimental part</button>
- </li>
- </ul>
- </div>
-</div>
+ <div class="cbtn">
+ <ul>
+ <li>
+ <button class="bjlu btn btn-success btn-lg">Non-experimental</button>
+ </li>
+ <li>
+ <button class="bhz btn btn-danger btn-lg">Experimental</button>
+ </li>
+ </ul>
+ </div>
+ <div class="ctxt">
+ <div class="school">
+ <h1 class="sname">Non-Experimental Part</h1>
+ <h2 class="mt30">2022.3.10</h2>
+ <p>The team is officially established - from different majors such as biology, chemistry, agronomy and computer
+ science, we form a team!</p>
+ <div class="opic">
+ <img src="" alt="png">
+ </div>
+ <h2>2022.3.19</h2>
+ <p>First formal offline meeting - get to know each other - determine initial division of labor</p>
+ <div class="opic">
+ <img src="" alt="png">
+ </div>
+ <h2>2022.3-4</h2>
+ <p>Continuously communicate with experts and professors to refine experimental ideas and determine project
+ feasibility</p>
+ <h2>2022.4.29</h2>
+ <p>First cooperation - Establishing long-term cooperation with JLU-China</p>
+ <div class="opic">
+ <img src="" alt="png">
+ </div>
+ <h2>2022.7</h2>
+ <p>Market research - field trips to several aquaculture companies and breeding sites</p>
+ <div class="opic">
+ <img src="" alt="png">
+ </div>
+ <h2>2022.7.16-2022.7.18</h2>
+ <p>Participate in the exchange meeting held by GXU_China and other four schools, and simulate the demonstration
+ </p>
+ <div class="opic">
+ <img src="" alt="png">
+ </div>
+ <h2>2022.8.6-2022.8.8</h2>
+ <p>Participate in Hangzhou HZ offline meetup</p>
+ <div class="opic">
+ <img src="" alt="png">
+ </div>
+ <h2>2022.8.14</h2>
+ <p>Collaborate with other teams to hold a meetup on crispr</p>
+ <div class="opic">
+ <img src="" alt="png">
+ </div>
+ <h2>2022.8.19-2022.8.21</h2>
+ <p>Participated in CCiC - won the best hardware design award</p>
+ <div class="opic">
+ <img src="" alt="png">
+ </div>
+ <h2>2022.9.16</h2>
+ <p>Interview - Interview with Zhong Yongjie, an engineer at Microkrypton, Hainan Province</p>
+ <div class="opic">
+ <img src="" alt="png">
+ </div>
+ <h2>2022.9.22</h2>
+ <p>Brochure - Finalizing the Cooperation Brochure with JLU-China</p>
+ <h2>2022.8-2022.9</h2>
+ <p>Education - Science outreach to middle and high school students </p>
+ <div class="opic">
+ <img src="" alt="png">
+ </div>
+ <h2>2022.7-2022.9</h2>
+ <p>Create and continuously improve our posters, videos and presentations</p>
+ <h2>2022.9</h2>
+ <p>Design, populate and improve our wiki, edit review forms</p>
+ <h2>2022.10.26-2022.10</h2>
+ <p>Grand jamboree - participation in a large gathering and presentation of our project</p>
+ </div>
+ <div class="school disp">
+ <h1 class="sname">Experimental Part</h1>
+ <h2 class="mt30">6.29-7.3</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Open group meetings to discuss experimental details and familiarize with the experimental process of purified
+ proteins</p>
+ <h2>7.4</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Prepare experimental materials for the purification of cas14 protein, strains, instruments, etc.</p>
+ <h2>7.5</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p class="l">1.Preparation of LB medium 500ml*4</p>
+ <p class="l">2. Shake the bacteria to recover.</p>
+ <p>Take LB medium 3ml*2 (TEV,MBP)</p>
+ <p>+Bacterial night 30 ul + antibiotic (Amp) ampicillin 3 ul</p>
+ <p class="l">Constant temperature shaker 37℃ 180rpm 12-16he</p>
+ <h2>7.6</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p class="l">1.Culture medium sterilization</p>
+ <p class="l">2.Expansion, induction.</p>
+ <p>Take sterilized LB medium*4(TEV*2,MBP*2)</p>
+ <p>+500 ul antibiotic (Amp)+ 2ml ante-night bacteria night</p>
+ <p>Shaker 37℃ 180rpm 6-8h</p>
+ <p>Shake well for TEV and MBP</p>
+ <p>TEV+IPTG 50 ul * 237℃ 180 rpm for 12h</p>
+ <p>MBP+IPTG 100 ul * 218℃ 180 rpm for 12h</p>
+ <h2>7.7</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p class="l">1.Bacteria-breaking lysis.</p>
+ <p>Take TEV and MBP and centrifuge at 10,000 rpm for 5 min, discard supernatant and addlysate 5 ml/tube (operate
+ in ice box, move fast), blow well, and combine three tubes into onetube.</p>
+ <p>Crushing bacteria with ultrasonic 25% power on 4s off 10s working time 50-60mine</p>
+ <p class="l">2.Preparation.</p>
+ <p>Purified water Equilibrium solution Elution solution (wash once)20% ethanol sequentialextraction on the
+ machine, wash the machine (full water wash once) on the HS nickel column(1ml/min), wash the column, put the tube
+ into the corresponding reagent bottle Syringe Filtermembrane filtration sample.</p>
+ <p class="l">3.Purified proteins.</p>
+ <p>TEV and MBP maximum speed 5ml/min</p>
+ <p>A1 pure water A2 equilibrium solution B eluent A3 20% ethanol</p>
+ <p>When the machine is turned off, the water is washed once, and the unloading column(1ml\min) is washed once with
+ ethano</p>
+ <p class="l">4. Measure protein concentration (kit) Measure protein concentration (kit), 96-well plate, 100ul BCA
+ working solution per well, 1ul Cu reagent 10ul protein, two protein two wells, measure absorbance, about 0.4 is
+ normal value.</p>
+ <p class="l">5.Mixed digestion with protein concentration 1:1 equal volume digestion (TEV slightly more) after
+ mixing two tubes, 4℃ overnight</p>
+ <h2>7.8</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p class="l">1.Protein purification</p>
+ <p>Ultrafiltration tube with filtered water, centrifuge 3800r 30min twice Equilibrium solution 30min twice</p>
+ <p>Top sample, centrifuge, 30min 3800r until protein is consumed, replenish equilibrium solution 3 times on the
+ machine.</p>
+ <p>Wash the machine with the same as before, wash the column to wash the equilibrium solution more than once,
+ heparin column 1ml/min (pay special attention to sample evacuation)</p>
+ <h2>7.9</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Purified protein experimental results: purification failure, the experimental group met to discuss the reasons,
+ may be operational errors, organize the material and re-purified cas14 protein.</p>
+ <h2>7.13</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p class="l">1.Preparation of LB medium 500ml*4e'2.Shake the bacteria to recover.</p>
+ <p>Take LB medium 3ml*2 (TEV,MBP)</p>
+ <p>+Bacterial night 30 ul + antibiotic (Amp) ampicillin 3 ul</p>
+ <p>Constant temperature shaker 37℃ 180rpm 12-16h</p>
+ <h2>7.14</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p class="l">1.Culture medium sterilization</p>
+ <p class="l">2.Expansion, induction.</p>
+ <p>Take sterilized LB medium*4(TEV*2,MBP*2)</p>
+ <p>+500 ul antibiotic (Amp)+ 2ml ante-night bacteria night</p>
+ <p>Shaker 37℃ 180 rpm 6-8h</p>
+ <p>Shake well for TEV and MBP</p>
+ <p>TEV+IPTG 50 ul * 237℃ 180 rpm for 12h</p>
+ <p>MBP+IPTG 100 ul * 218℃ 180 rpm for 12h</p>
+ <h2>7.15</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p class="l">1.Bacteria-breaking lysis.</p>
+ <p>Take TEV and MBP and centrifuge at 10,000 rpm for 5 min, discard supernatant and add lysis solution 5 ml/tube
+ (operate in ice box, move fast), blow well, three tubes in one tube</p>
+ <p>Crushing bacteria with ultrasonic 25% power on 4s off 10s working time 50-60 min</p>
+ <p class="l">2.Preparation.</p>
+ <p>Purified water Equilibrium solution Elution solution (wash once) 20% ethanol sequential extraction on the
+ machine, wash the machine (full water wash once) on the HlS nickel column (1ml/min), wash the column, put the
+ tube into the corresponding reagent bottle Syringe Filter membrane filtration sample</p>
+ <p class="l">3.Purified proteins.</p>
+ <p>TEV and MBP maximum speed 5ml/min</p>
+ <p>A1 pure water A2 equilibrium solution B eluent A3 20% ethanol</p>
+ <p>When the machine is turned off, the water is washed once, and the unloading column (1ml\min) is washed once
+ with ethanol</p>
+ <h2>7.16</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Measure protein concentration (kit) Measure protein concentration (kit), 96-well plate, 100ul BCA working
+ solution per well, 1ul Cu reagent 10ul protein, two protein two wells, measure absorbance, about 0.4 is normal
+ value</p>
+ <p>Mixed digestion with protein concentration 1:1 equal volume digestion(TEV slightly more) after mixing two
+ tubes, overnight at 4℃</p>
+ <h2>7.17</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>ultrafiltration tube, with filtered water, centrifuge 3800r 30mintwice Equilibrium solution 30min twice</p>
+ <p>Top sample, centrifuge, 30min 3800r until protein is consumed, replenish equilibrium solution 3 times</p>
+ <p>Get on the machine</p>
+ <p>Wash the machine with the same as before, wash the column to wash the equilibrium solution more than once,
+ heparin column 1ml/min (pay special attention to sample evacuation)</p>
+ <p>Problems: upper two tev lower two mbp: broken tube mix leads to experiment termination</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 1. Computer display when performing protein purification experiments</p>
+ </div>
+ <h2>7.18</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>The experiment was stopped due to an error, and members of the experimental group analyzed
+ the experimental process to find the error
+ </p>
+ <h2>7.19</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>The experiment was stopped due to an error, and members of the experimental group analyzed the experimental
+ process to find the error</p>
+ <h2>7.20</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>After discussion, it was decided to change the eluent pH/elution column to re-purify cas14 protein.</p>
+ <h2>7.21</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p class="l">1. Preparation of LB medium 500ml*4 </p>
+ <p class="l">2. Shake the bacteria to recover.</p>
+ <p>Take LB medium 3ml*2 (TEV,MBP)</p>
+ <p>+ bacterial night 30μl + antibiotic (Amp) ampicillin 3μl</p>
+ <p>Constant temperature shaker 37℃ 180rpm 12-16h</p>
+ <h2>7.22</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p class="l">1. culture medium sterilization</p>
+ <p class="l">2. Expansion, induction.</p>
+ <p>Take sterilized LB medium*4 (TEV*2,MBP*2)</p>
+ <p>+500μl of antibiotics (Amp) +2ml of ante-night bacteria night</p>
+ <p>Shake at 37℃ 180rpm for 6-8h</p>
+ <p>Shaken TEV and MBP</p>
+ <p>TEV+IPTG 50μl * 237℃ 180rpm 12h</p>
+ <p>MBP+IPTG 100μl * 218℃ 180rpm 12h</p>
+ <h2>7.23</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p class="l">1. Bacteria-breaking lysis.</p>
+ <p>Take TEV, MBP high-speed centrifugation 10000 rpm 5min, discard the supernatant add lysate 5ml / tube
+ (operation in the ice box, the action should be fast), blow well, three tubes in one tube</p>
+ <p>Use ultrasonic crushing bacteria 25% power on 4s off 10s working time 50-60min</p>
+ <p class="l">2. Preparation.</p>
+ <p>Purified water equilibrium solution eluent (wash once) 20% ethanol sequential extraction on the machine, wash
+ the machine (full water wash once) on the HIS nickel column (1ml/min), wash the column, the tube into the
+ corresponding reagent bottle syringe filter membrane sample</p>
+ <p class="l">3. Purification of proteins.</p>
+ <p>TEV and MBP max speed 5ml/min</p>
+ <p>A1 pure water A2 equilibrium solution B eluent A3 20% ethanol</p>
+ <p>When the machine is turned off, water wash once, unload the column (1ml/min) ethanol wash once</p>
+ <div class="tpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 2. Computer display when performing protein purification experiments</p>
+ <p class="l">4. measurement of protein concentration (kit) measurement of protein concentration (kit), 96-well
+ plate, each well, 100ul BCA working solution, 1ul Cu reagent 10ul protein, two protein two wells, measurement of
+ absorbance, 0.4 or so is the normal value</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 3. Reagent kit operating instructions</p>
+ </div>
+ <div class="tpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 4. Computer display when performing protein purification experiments</p>
+ <p class="l">5. Mixed digestion with protein concentration 1:1 equal volume digestion (TEV slightly more) after
+ mixing two tubes, 4℃ overnight</p>
+ <h2>7.24</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p class="l">1. Protein purification</p>
+ <p>Ultrafilter tube with filtered water, centrifuge 3800r 30min twice Equilibrium solution 30min twice</p>
+ <p>Top sample, centrifugation, 30min 3800r until protein is consumed, replenish equilibrium solution 3 times</p>
+ <p>Loading the machine</p>
+ <p>Wash the machine as before, wash the column to wash the equilibrium solution once more, heparin column 1ml/min
+ (pay special attention to sample evacuation)</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 5. Purified protein successfully</p>
+ </div>
+ <h2>7.25</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>After discussion and testing, the strain was suspected to be improperly preserved, and the failed experience
+ was summarized to optimize the experimental process</p>
+ <h2>7.26</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Repurify cas14 protein</p>
+ <h2>7.27</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Repurify cas14 protein</p>
+ <h2>7.28</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Repurify cas14 protein</p>
+ <h2>7.29</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Repurify cas14 protein</p>
+ <h2>7.30</h2>
+ <h3 class="l">Purified cas14 protein.</h3>
+ <p>Protein purification successfully, continue to determine mbp, tev</p>
+ <h2>7.31</h2>
+ <h3 class="l">Purified cas14 protein.</h3>
+ <p>The assay failed, the experiment held a group meeting to discuss, further analyze the reasons and optimize the
+ experimental process</p>
+ <h2>8.6</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Review the experimental procedure and find the possible reasons why mbp and tev could not be measured: eluent
+ ph is too high/bacterial problems/column problems, etc.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 6. Computer display when performing protein purification experiments</p>
+ </div>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 7. Computer display when performing protein purification experiments</p>
+ </div>
+ <h2>8.7</h2>
+ <h3 class="l">Purified cas14 protein.</h3>
+ <p>Repurification of cas14 protein</p>
+ <h2>8.8</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Repurify cas14 protein</p>
+ <h2>8.9</h2>
+ <h3 class="l">Purified cas14 protein.</h3>
+ <p>Repurify cas14 protein</p>
+ <h2>8.10</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Repurify cas14 protein</p>
+ <h2>8.11</h2>
+ <h3 class="l">Purification of cas14 protein.</h3>
+ <p>Successful cas14 protein purification</p>
+ <h2>8.13</h2>
+ <h3 class="l">Purification of csm6 protein.</h3>
+ <h2>8.14</h2>
+ <h3 class="l">Purification of csm6 protein.</h3>
+ <p class="l">1. Preparation of LB medium 500ml*2 Sterilization</p>
+ <p class="l">2. Shake the bacteria to recover.</p>
+ <p>Take LB medium 3ml*2</p>
+ <p>+ 30μl of bacterial night + 3μl of caramycin</p>
+ <p>Constant temperature shaker 37℃ 180rpm 12-16h</p>
+ <h2>8.15</h2>
+ <h3 class="l">Purification of csm6 protein.</h3>
+ <p class="l">1. Expansion, induction.</p>
+ <p>Take sterilized LB medium + 500μl caramycin + 3ml antecedent bacterial night</p>
+ <p>Shake 37℃ 180rpm 6-8h</p>
+ <p>Shake the good bacteria solution</p>
+ <p>Csm6+IPTG 100μl 18℃ 180rpm 12h</p>
+ <h2>8.16</h2>
+ <h3 class="l">Purification of csm6 protein.</h3>
+ <p class="l">1. Bacterial lysis by breaking.</p>
+ <p>Take the bacteriophage solution high-speed centrifugation 10000rps 5min, discard the supernatant add lysate,
+ blow evenly, three tubes in one tube</p>
+ <p>Use ultrasonic crushing bacteria 25% power on 4s off 10s working time 50-60min</p>
+ <h3 class="l">2. Preparation.</h3>
+ <p>Pure water equilibrium solution eluent (wash once) 20% ethanol sequential extraction on the machine, cleaning
+ machine (full water wash once) on the HIS nickel column (1ml/min), wash the column, the tube into the
+ corresponding reagent bottle syringe filter membrane sample</p>
+ <h2>8.17</h2>
+ <h3 class="l">Purification of csm6 protein.</h3>
+ <p>Run Gel Validation</p>
+ <p>SDS-page protein gel electrophoresis </p>
+ <p class="l">1. gel preparation</p>
+ <p class="l">2. sample processing</p>
+ <p class="l">3. add maker and sample</p>
+ <p class="l">4. add running buffer and perform electrophoresis according to the procedure</p>
+ <p class="l">5. stain the plate and decolorize</p>
+ <p class="l">6. observation</p>
+ <div class="tpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 8. Running glue results are displayed under the machine</p>
+ <h2>8.18</h2>
+ <h3 class="l">Purification of csm6 protein.</h3>
+ <p>Summarize the experimental results csm6 protein purification successfully</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 9. Running glue results are displayed under the machine</p>
+ </div>
+ <h2>8.24</h2>
+ <h3 class="l">Preparing for rna extraction</h3>
+ <h2>8.25</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p class="l">21:00 200ml LB liquid medium, 1.5ml EP tube, 10ml EP tube sterilized</p>
+ <h2>8.26</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p class="l">9:00 Take 5ml liquid medium + 200ul bacteria and shake it.</p>
+ <p class="l">9:20 Mix lysozyme solution with TE buffer to a concentration of 15mg/ml, mix, dispense appropriate
+ amount and store at -20℃.Dilute RNA wash buffer II with 100% alcohol (alcohol:buffer2=4:1, store at room
+ temperature)</p>
+ <p class="l">15:00 Extraction of total RNA using E.Z.N.A. Bacterial RNA Spin kit</p>
+ <p>(Refer to the kit instructions for the experimental procedure)</p>
+ <p>The obtained RNA samples are stored at -80°C</p>
+ <p class="l">17:40 Preparation of TAEbuffer for gum preparation</p>
+ <p>Run gum 2% TAE agarose condensate 5ul of sample</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 10. Running glue results are displayed under the machine</p>
+ </div>
+ <h2>8.27</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p class="l">21:00 100ml LB liquid medium, 10ml,1.5ml EP tube sterilization</p>
+ <p class="l">9:00 5ml LB liquid medium+200ul bacteria reagents shake bacteria</p>
+ <p class="l">9:20 500ml LB solid medium configuration, sterilization</p>
+ <p class="l">11:40 Add antibiotics to the solid medium, pour the plate and put it into 4℃ refrigerator for backup
+ </p>
+ <p class="l">15：00 Dilute the bacterial solution by the following multiples</p>
+ <table class="table table-hover table-light table-bordered">
+ <thead>
+ <tr>
+ <th scope="col">10</th>
+ <th scope="col">10²</th>
+ <th scope="col">10³</th>
+ <th scope="col">10â´</th>
+ <th scope="col">10âµ</th>
+ <th scope="col">10â¶</th>
+ <th scope="col">10â·</th>
+ <th scope="col">10â¸</th>
+ <th scope="col">10â¹</th>
+ </tr>
+ </table>
+ <p class="l">Measure the OD value of undiluted bacterial solution, diluted bacterial solution; medium is also
+ diluted and measure the OD value</p>
+ <div class="tpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 11. Experimental results under different conditions</p>
+
+ <p class="l">16：30 Select 10â´, 10â¶, 10⸠dilutions of bacterial solution to coat the plate, add 100ul of bacterial
+ solution to each plate</p>
+ <p class="l">19:00 Put the coated plates into 37℃ incubator and count the bacteria the next day.</p>
+ <h2>8.29</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p class="l">10:00 Counting bacteria</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 12. Colonies under different experimental conditions</p>
+ </div>
+ <h2>8.30</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p class="l">21:00 200ml LB liquid medium, 1.5ml EP tubes, 10ml EP tubes sterilized</p>
+ <h2>8.31</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p>Take 5ml of liquid medium + 200ul of bacterium and shake the bacterium.</p>
+ <p>Mix lysozyme solution with TE buffer to a concentration of 15mg/ml, mix in, dispense the appropriate amount and
+ store at -20°C</p>
+ <p>Dilute RNA wash buffer II with 100% alcohol (alcohol:buffer2=4:1, store at room temperature)
+ Extract total RNA using E.Z.N.A. Bacterial RNA Spin kit</p>
+ <p>The obtained RNA samples were stored at -80°C</p>
+ <p>17:40 Preparation of TAEbuffer Gum preparation</p>
+ <p>Run gum 2% TAE agarose condensate 5ul of sample</p>
+ <p>Mutual aid experiment: the virulence gene plasmid arrives, start preparing for mutual aid experiment</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 13. Extraction of RNA</p>
+ </div>
+ <h2>9.1</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p>Prepare 100ml LB liquid medium, 10ml,1.5ml EP tube sterilization</p>
+ <p>Mutual experiment: learn and communicate the experimental procedure Prepare experimental materials</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 14. Synthetic Report Card</p>
+ </div>
+ <h2>9.2</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p>LB liquid medium + 200ul bacteria Resuscitation shaking bacteria</p>
+ <p>500ml LB solid medium configuration, sterilization</p>
+ <p>Add antibiotics to the solid medium, pour the plate and put it into 4℃ refrigerator for backup</p>
+ <p>Dilute the bacterial solution by the following multiples</p>
+ <table class="table table-hover table-light table-bordered">
+ <thead>
+ <tr>
+ <th scope="col">10</th>
+ <th scope="col">10²</th>
+ <th scope="col">10³</th>
+ <th scope="col">10â´</th>
+ <th scope="col">10âµ</th>
+ <th scope="col">10â¶</th>
+ <th scope="col">10â·</th>
+ <th scope="col">10â¸</th>
+ <th scope="col">10â¹</th>
+ </tr>
+ </table>
+ <p>Measure the OD value of undiluted bacterial solution, diluted bacterial solution; the same dilution of the
+ medium and measure the OD value</p>
+ <p class="l">OD value of 0.444 for one group and 0.241 for one group</p>
+ <p class="l">OD value 0.444 group choose to dilute 10â¶, 10â·, 10⸠times to coat the plate</p>
+ <p class="l">OD value 0.241 group choose to dilute 10, 10², 10³ times to coat the plate</p>
+ <div class="tpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 15. Results under different experimental conditions</p>
+ <h2>9.3</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p class="l">Counting bacteria</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 16. Number of colonies under different experimental conditions</p>
+ </div>
+ <h2>9.4</h2>
+ <h3 class="l">Mutual Aid Experiment.</h3>
+ <p>Learning and Communicating Experimental Procedures Preparing Experimental Materials</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 17. Diagram of notes taken during the exchange</p>
+ </div>
+ <h2>9.5</h2>
+ <h3 class="l">Mutual Aid Experiment.</h3>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 18. Synthesis Report Instructions</p>
+ </div>
+ <h2>9.6</h2>
+ <h3 class="l">Mutual Aid Experiment.</h3>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 19. Notes on experimental methods</p>
+ </div>
+ <h2>9.8</h2>
+ <h3 class="l">Reciprocal experiment.</h3>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 20. The pro strain arrived at</p>
+ </div>
+ <h2>9.9</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p>200 ml LB liquid medium, 1.5 ml EP tubes, 10 ml EP tubes sterilized</p>
+ <h2>9.10</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p>Take 5ml of liquid medium + 200ul of bacteria and shake the bacteria.</p>
+ <p>Lysozyme solution and TE buffer mixed to a concentration of 15mg/ml, mixed in, divided into appropriate
+ amounts, stored at -20 ℃</p>
+ <p>Dilute RNA wash buffer II with 100% alcohol (alcohol:buffer2=4:1, store at room temperature)</p>
+ <p> Extract total RNA using E.Z.N.A. Bacterial RNA Spin kit</p>
+ <p>The obtained RNA samples were stored at -80°C</p>
+ <p>17:40 Preparation of TAEbuffer Gum preparation</p>
+ <p>Run gum 2% TAE agarose condensate on sample 5ul</p>
+ <p class="l">Reciprocal experiment.</p>
+ <p>Amplification of 4 pairs of primers for virulence genes pcr attempt with medium (solid liquid) Sterilization
+ Gum preparation and running gum Plate scribing and running gum</p>
+ <div class="tpic">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 21. Experiment in progress</p>
+ </div>
+ <h2>9.11</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p>Prepare 100 ml LB liquid medium, 10 ml,1.5 ml EP tubes sterilized</p>
+ <p>Reciprocal experiments.</p>
+ <p>PcR amplification (same day as PCR - the previous day is pre-experiment) But x 4 total 16) Glue making and
+ glue running Glue sterilization for eight consecutive tubes, gun tip</p>
+ <div class="tpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 22. Colonies of culture medium</p>
+ <div class="tpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 23. Extraction of pro plasmids</p>
+ <div class="tpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 24. blra rubber recycling</p>
+ <h2>9.12</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p>LB liquid medium + 200ul bacteria Resuscitation shaking bacteria</p>
+ <p>500ml LB solid medium configuration, sterilization</p>
+ <p>Add antibiotics to the solid medium, pour the plate and put it into 4℃ refrigerator for backup</p>
+ <p>Dilute the bacterial solution by the following multiples</p>
+ <table class="table table-hover table-light table-bordered">
+ <thead>
+ <tr>
+ <th scope="col">10</th>
+ <th scope="col">10²</th>
+ <th scope="col">10³</th>
+ <th scope="col">10â´</th>
+ <th scope="col">10âµ</th>
+ <th scope="col">10â¶</th>
+ <th scope="col">10â·</th>
+ <th scope="col">10â¸</th>
+ <th scope="col">10â¹</th>
+ </tr>
+ </table>
+ <p>Measure the OD value of undiluted bacterial solution, diluted bacterial solution; the same dilution of the
+ medium and measure the OD value</p>
+ <p class="l">One group 0.488, one group 0.157</p>
+ <p class="l">OD value 0.488 group choose to dilute 10â´, 10âµ, 10ⶠtimes coated plate</p>
+ <p class="l">OD value 0.157 group choose to dilute 10³, 10â´, 10âµ times to coat the plate</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 25. Reciprocal experiments</p>
+ </div>
+ <p>pro plasmid try pcr amplification (pre-experiment - probe concentration + try parameters)</p>
+ <div class="trpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ <p>Figure 26. Experimental notes and results of glue running</p>
+ </div>
+ <h2>9.13</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p class="l">Counting bacteria</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 27. Culture medium incubated during the experiment</p>
+ </div>
+ <h3 class="l">Reciprocal experiments.</h3>
+ <p>Results are with heterobands all selective gel recovery, no selective column recovery. -- Do more tubes of
+ amplification the next day.</p>
+ <p>No band OR with trailing band: fragment is too long, template concentration is too high, annealing
+ temperature is too low, primer specificity is not good</p>
+ <div class="tpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 28. The instruments we use for experiments</p>
+ <h2>9.14</h2>
+ <h3 class="l">Mutual aid experiment.</h3>
+ <p class="l">Failure reason analysis.</p>
+ <p class="l">1. added the primer of the connector may be a little less primer specificity</p>
+ <p class="l">2. yesterday's pcr template 1 overnight degradation</p>
+ <p class="l">3. plasmid did not mention well: too much bacteriophage, plasmid may be mixed with a lot of broken
+ E. coli genomic DNA</p>
+ <p class="l">Correct the error and re-experiment</p>
+ <h2>9.15</h2>
+ <h3 class="l">Reciprocal experiment.</h3>
+ <p class="l">Extraction of plasmids with arabinose antibiotics</p>
+ <div class="trpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ <p>Figure 29. The plasmids we use for our experiments</p>
+ </div>
+ <h2>9.16</h2>
+ <h3 class="l">Mutual aid experiment.</h3>
+ <p class="l">Pre-amplification of pcr</p>
+ <p class="l">Results: abnormal but with bands</p>
+ <div class="tpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 30. Display of the results of the glue run on the computer</p>
+ <h2>9.17</h2>
+ <h3 class="l">Reciprocal experiment.</h3>
+ <p class="l">Fold amplification Recovery</p>
+ <p class="l">Result: Failure Error during glue run</p>
+ <div class="tpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ </div>
+ <p class="c">Figure 31. Gum recovery results of mishandling</p>
+ <h2>9.18</h2>
+ <h3 class="l">Reciprocal experiment.</h3>
+ <p class="l">Repeat 9.17 + Method II Method III for double digestion</p>
+ <div class="trpic annotation">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ <img src="" alt="png">
+ <p>Figure 32. Display of the results of the glue run on the computer</p>
+ </div>
+ <h2>9.19</h2>
+ <h3 class="l">Reciprocal experiment.</h3>
+ <p class="l">Transformation Homologous recombination (method 3, method 4) Double digestion (method 1)</p>
+ <p class="l">Results: method 1 needs to be redone Adding the wrong enzyme</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 33. Experimentally produced colonies</p>
+ </div>
+ <h2>9.20</h2>
+ <h3 class="l">Reciprocal experiment.</h3>
+ <p class="l">Observation plate: no bacteria growth Suspect transformation problem </p>
+ <p class="l">PCR with recovery to do 1step of pro</p>
+ <p class="l">Make solid medium + sterilize the gun tip and eight-link tube</p>
+ <h2>9.22</h2>
+ <h3 class="l">Mutual aid experiment.</h3>
+ <p class="l">Discuss and analyze the possible causes with the mutual help subjects.</p>
+ <p class="l">1. not completely protected from light, toxic genes in the natural light leakage</p>
+ <p class="l">2. Failure due to inaccurate heating and time</p>
+ <p class="l">3. plasmid base number is large, self-spitting phenomenon occurs, need to keep changing the sensory state to try</p>
+ <p class="l">4. reverse pcr, pro plasmid is too long and dragging, etc.</p>
+ <p class="l">5. The enzyme used is not common</p>
+ <h2>9.23</h2>
+ <h3 class="l">Mutual help experiment.</h3>
+ <p class="l">Summarize the reasons for failure and then discuss the procedure of subsequent experiments</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 34. Notes for learning in experiments</p>
+ </div>
+ <h2>9.24</h2>
+ <h3 class="l">Reciprocal experiment.</h3>
+ <p class="l">E. coli receptor state, 1 μL of virulence gene plasmid was added to 50 μL of receptor state, plates were coated after transformation according to the transformation process, 50 μL of solution was added to each plate and placed in 30°C for overnight incubation.</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 35. Results of the different colonies in the experiment</p>
+ </div>
+ <h2>9.25</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p class="l">9：00 Resuscitation shake (5ml LB medium + 200ul bacteriophage solution)</p>
+ <p class="l">14：00 Measure OD bacteriophage value, dilute the bacteriophage to about 0.157 with medium</p>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 36. Resulting data of the experiment</p>
+ </div>
+ <p class="l">14:30 Dilute the bacterial solution to 0.127 with sterile water 10âµ times</p>
+ <p class="l">14:40 Total RNA was extracted simultaneously from the original and 10âµ times diluted bacterial broth using the E.Z.N.A. Bacterial RNA Spin kit.</p>
+ <p>(Refer to the kit instructions for the experimental procedure)</p>
+ <p>The obtained RNA samples were stored at -80°C</p>
+ <h3 class="l">Reciprocal experiments.</h3>
+ <div class="opic annotation">
+ <img src="" alt="png">
+ <p>Figure 37. Water bath for culture solution</p>
+ </div>
+ <div class="opic annotation">
+ <img src="" alt="jpg">
+ <p>Figure 38. Dispense medium</p>
+ </div>
+ <h2>9.27</h2>
+ <h3 class="l">Extraction of RNA.</h3>
+ <p class="l">11:00 Run nucleic acid gel</p>
+ <p class="l">Prepare 2% TAE agarose agglutination solution</p>
+ <p class="l">Sample 5ul</p>
+ <p class="l">Failure, the strips did not run, probably because the TAE solution has been prepared for too long and has deteriorated</p>
+ <div class="opic annotation">
+ <img src="" alt="jpg">
+ <p>Figure 39. Experimental results</p>
+ </div>
+ </div>
+ </div>
-{% endblock %}
\ No newline at end of file
+ {% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/parts.html b/wiki/pages/parts.html
index eeb1f64..edade5f 100644
--- a/wiki/pages/parts.html
+++ b/wiki/pages/parts.html
@@ -1,129 +1,281 @@
{% extends "layout.html" %}
-{% block htitle %}Parts{% endblock %}
{% block title %}Parts{% endblock %}
{% block lead %}This page contains information about the parts created by the team.{% endblock %}
{% block page_content %}
-<div class="row mt-4">
- <div class="col">
- <h2>Overview</h2>
- <hr>
- <p>Each team will make new parts during iGEM and will add them to the Registry of Standard Biological Parts</p>
- <p>Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.</p>
- </div>
-</div>
+<div class="row display ltext list-none">
+ <h2>Overview</h2>
+ <hr>
-<div class="row mt-4">
- <div class="col">
- <h2>Table</h2>
- <hr>
- <p>Please include a table of all the parts your team has made during your project on this page. For example:</p>
- <table class="table table-hover">
- <thead>
- <tr>
- <th scope="col">Name</th>
- <th scope="col">Type</th>
- <th scope="col">Description</th>
- <th scope="col">Designers</th>
- <th scope="col">Length</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><a href="http://parts.igem.org/Part:BBa_B0011">BBa_B0011</a></th>
- <td>Terminator</td>
- <td>LuxICDABEG (+/-)</td>
- <td>Reshma Shetty</td>
- <td>46 bp</td>
- </tr>
- <tr>
- <td><a href="http://parts.igem.org/Part:BBa_C0012">BBa_C0012</a></th>
- <td>Coding lacI</td>
- <td>lacI repressor from E. coli (+LVA)</td>
- <td>Grace Kenney, Daniel Shen, Neelaksh Varshney, Samantha Sutton</td>
- <td>1153 bp</td>
- </tr>
- <tr>
- <td><a href="http://parts.igem.org/Part:BBa_E0020">BBa_E0020</a></th>
- <td>Coding ecfp</td>
- <td>engineered cyan fluorescent protein derived from A. victoria GFP</td>
- <td>Caitlin Conboy and Jennifer Braff</td>
- <td>723 bp</td>
- </tr>
- </tbody>
- </table>
- </div>
-</div>
+ <p>In this year, our team submitted 3 protein expression composite parts, Cas13a (BBa_K4223019), Cas14a (BBa_K4223008), and Csm6 (BBa_K4223018), and developed different validation experiments to determine if the different proteins could each play a role in our project.</p>
-<div class="row mt-4">
- <div class="col">
- <div class="bd-callout bd-callout-warning">
- <h4>Note</h4>
- <p>Parts must be well documented on each Part's Main Page on the <a href="http://parts.igem.org">Registry</a>. This documentation includes all of the characterization data for your parts. <b>The part's data MUST be on the part's Main Page on the Registry for your team to be eligible for medals and special prizes pertaining to parts.</b></p>
- <p>This page serves to <i>showcase</i> the parts you have made and should include links to the Registry pages for your parts. Future teams and other users are much more likely to find parts by looking in the Registry than by looking at your team wiki.</p>
- </div>
- </div>
-</div>
+ <h2>Table</h2>
+ <hr>
+ <table class="table table-hover table-light table-bordered">
+ <thead>
+ <tr>
+ <th scope="col">Part</th>
+ <th scope="col">Part number</th>
+ <th scope="col">Part type</th>
+ <th scope="col">Basic/Composite</th>
+ <th scope="col">Designer</th>
+ <th scope="col">Length</th>
+ </tr>
+ </thead>
+ <tbody class="table-group-divider">
+ <tr>
+ <th colspan="6" style="text-align:center;">Existing Parts</th>
+ </tr>
+ <tr>
+ <td>T7 Promoter</td>
+ <td><a href="http://parts.igem.org/Part:BBa_I719005">BBa_I719005</a></th>
+ <td>Regulatory</td>
+ <td>Basic</td>
+ <td>Imperial 2007</td>
+ <td>23bp</td>
-<div class="row mt-4">
- <div class="col">
- <h2>Adding parts to the Registry</h2>
- <hr>
- <p>You can add parts to the Registry at our <a href="http://parts.igem.org/Add_a_Part_to_the_Registry">Add a Part to the Registry</a> page.</p>
- <p>We encourage teams to start adding and documenting their parts on the Registry as soon as they can. Once you add your parts to the Registry, you can continue to add documentation to them throughout the iGEM season (up until the Registry freeze). This will allow you to remember all the details about your parts and store their history in the wiki. Documentation includes the characterization data of your parts.</p>
- <a class="btn btn-primary" href="http://parts.igem.org/Add_a_Part_to_the_Registry" role="button">Add Parts</a>
- </div>
-</div>
+ </tr>
+ <tr>
+ <td>T7 terminator</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K731721">BBa_K731721</a></th>
-<div class="row mt-4">
- <div class="col">
- <h2>Basic Part Inspirations</h2>
- <hr>
- <p>We have a created a <a href="http://parts.igem.org/Well_Documented_Parts">collection of well documented parts</a> that can help you get started.</p>
- <p>You can also take a look at the following examples for Basic Parts on the Registry:</p>
- <ul>
- <li><a href="http://parts.igem.org/Part:BBa_K3114006">2019 Calgary </a></li>
- <li><a href="http://parts.igem.org/Part:BBa_K3027000">2019 GO Paris Saclay</a></li>
- <li><a href="http://parts.igem.org/Part:BBa_K3187028">2019 TU Darmstadt</a></li>
- <li><a href="http://parts.igem.org/Part:BBa_K3552000">2020 Links China</a></li>
- <li><a href="http://parts.igem.org/Part:BBa_K3558000">2020 UNSW Australia</a></li>
- <li><a href="http://parts.igem.org/Part:BBa_K3338002">2020 Hannover</a></li>
- </ul>
- </div>
- <div class="col">
- <h2>Composite Part Inspirations</h2>
- <hr>
- <p>We have a created a <a href="http://parts.igem.org/Well_Documented_Parts">collection of well documented parts</a> that can help you get started.</p>
- <p>You can also take a look at the following examples for Composite Parts on the Registry:</p>
- <ul>
- <li><a href="http://parts.igem.org/Part:BBa_K3198007">2019 NUS Singapore </a></li>
- <li><a href="http://parts.igem.org/Part:BBa_K2932003">2019 Mingdao</a></li>
- <li><a href="http://parts.igem.org/Part:BBa_K2980009">2019 Tsinghua</a></li>
- <li><a href="http://parts.igem.org/Part:BBa_K3407022">2020 TUDelft</a></li>
- <li><a href="http://parts.igem.org/Part:BBa_K3380500">2020 Edinburgh</a></li>
- <li><a href="http://parts.igem.org/Part:BBa_K3512042">2020 BITSPilani Goa India</a></li>
- </ul>
- </div>
-</div>
+ <td>Terminator</td>
+ <td>Basic</td>
+ <td>Giacomo Giacomelli, Anna Depetris</td>
+ <td>48bp</td>
+
+ </tr>
+ <tr>
+ <td>Ribosome binding site</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K2927001">BBa_K2927001</a></th>
+
+ <td>RBS</td>
+ <td>Basic</td>
+ <td>KUO, PEI-CHINGÂ </td>
+ <td>23bp</td>
+
+ </tr>
+
+ <tr>
+ <th colspan="6" style="text-align:center;">New Parts</th>
+ </tr>
+ <tr>
+ <td>pelB signal sequence</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223000">BBa_K4223000</a></th>
+
+ <td>Signalling</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>66bp</td>
+
+ </tr>
+ <tr>
+ <td>DNA template of target RNA for LbuCas13a</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223001">BBa_K4223001</a></th>
+
+ <td>DNA</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>337bp</td>
+
+ </tr>
+ <tr>
+ <td>6xHis tag</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223002">BBa_K4223002</a></th>
+
+ <td>Tag</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>18bp</td>
+
+ </tr>
+ <tr>
+ <td>Cas14a protein-coding gene</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223004">BBa_K4223004</a></th>
+
+ <td>Coding</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>1587bp</td>
+
+ </tr>
+ <tr>
+ <td>10xHis tag</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223005">BBa_K4223005</a></th>
+
+ <td>Tag</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>30bp</td>
+
+ </tr>
+ <tr>
+ <td>Maltose Binding Protein (MBP) Tag protein</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223006">BBa_K4223006</a></th>
+
+ <td>Tag</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>1101bp</td>
+
+ </tr>
+ <tr>
+ <td>TEV Cleavage Site</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223007">BBa_K4223007</a></th>
+
+ <td>Protein_Domain</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>21bp</td>
+
+ </tr>
+ <tr>
+ <td>DNA template of mutated target RNA for LbuCas13a</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223009">BBa_K4223009</a></th>
+
+ <td>DNA</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>337bp</td>
+
+ </tr>
+ <tr>
+ <td>DNA template of sgRNA for Cas14a1 in vitro detection system</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223011">BBa_K4223011</a></th>
+
+ <td>DNA</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>187 bp</td>
+
+ </tr>
+ <tr>
+ <td>DNA template of crRNA for Cas13a1 in vitro detection system</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223012">BBa_K4223012</a></th>
-<div class="row mt-4">
- <div class="col">
- <h2>What information do I need to start putting my parts on the Registry?</h2>
- <hr>
- <p>The information needed to initially create a part on the Registry is:</p>
- <ul>
- <li>Part Name</li>
- <li>Part type</li>
- <li>Creator</li>
- <li>Sequence</li>
- <li>Short Description (60 characters on what the DNA does)</li>
- <li>Long Description (Longer description of what the DNA does)</li>
- <li>Design considerations</li>
- </ul>
- <p>We encourage you to put up <em>much more</em> information as you gather it over the summer. If you have images, plots, characterization data and other information, you must also put it up on the part page.</p>
- </div>
+ <td>DNA</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>54bp</td>
+
+ </tr>
+ <tr>
+ <td>lac operator</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223013">BBa_K4223013</a></th>
+
+ <td>Regulatory</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>25bp</td>
+
+ </tr>
+ <tr>
+ <td>Thrombin cleavage site</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223014">BBa_K4223014</a></th>
+
+ <td>Protein_Domain</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>18bp</td>
+
+ </tr>
+ <tr>
+ <td>Twin-strep-tag</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223015">BBa_K4223015</a></th>
+
+ <td>Tag</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>84bp</td>
+
+ </tr>
+
+ <tr>
+ <td>SUMO protein tag</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223016">BBa_K4223016</a></th>
+
+ <td>Tag</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>291bp</td>
+
+ </tr>
+ <tr>
+ <td>Csm6 protein coding</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223017">BBa_K4223017</a></th>
+
+ <td>Coding</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>1392bp</td>
+
+ </tr>
+ <tr>
+ <td>Cas13a protein-coding gene</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223019">BBa_K4223019</a></th>
+
+ <td>Coding</td>
+ <td>Basic</td>
+ <td>RongKai Tang</td>
+ <td>3477bp</td>
+
+ </tr>
+ <tr>
+ <td>Transcription system of target RNA for LbCas13a</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223003">BBa_K4223003</a></th>
+
+ <td>Translational_Unit</td>
+ <td>Composite</td>
+ <td>RongKai Tang</td>
+ <td>515bp</td>
+
+ </tr>
+ <tr>
+ <td>Cas14a1 protein expression system</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223008">BBa_K4223008</a></th>
+
+ <td>Composite</td>
+ <td>Composite</td>
+ <td>RongKai Tang</td>
+ <td>2833bp</td>
+
+ </tr>
+ <tr>
+ <td>Transcription system of mutated target RNA for Cas13a1</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223010">BBa_K4223010</a></th>
+
+ <td>Composite</td>
+ <td>Composite</td>
+ <td>RongKai Tang</td>
+ <td>553bp</td>
+
+ </tr>
+ <tr>
+ <td>A protein expression system of Csm6</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223018">BBa_K4223018</a></th>
+
+ <td>Composite</td>
+ <td>Composite</td>
+ <td>RongKai Tang</td>
+ <td>1982bp</td>
+
+ </tr>
+ <tr>
+ <td>A protein expression system of Cas13a</td>
+ <td><a href="http://parts.igem.org/Part:BBa_K4223020">BBa_K4223020</a></th>
+
+ <td>Composite</td>
+ <td>Composite</td>
+ <td>RongKai Tang</td>
+ <td>4067bp</td>
+
+ </tr>
+
+ </tbody>
+ </table>
</div>
-{% endblock %}
+
+{% endblock %}
\ No newline at end of file
--
GitLab
From 5d07e5b86dc5717515914867cf859b00d184cfe0 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Sun, 9 Oct 2022 16:25:37 +0800
Subject: [PATCH 27/35] update
---
wiki/pages/attributions.html | 49 ++++++++++++++++++++++++++++++++++++
1 file changed, 49 insertions(+)
diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index 665fb16..d2f53e0 100644
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -3,3 +3,52 @@
{% block title %}Attributions{% endblock %}
{% block lead %}Use this page to attribute work done on your project. This includes the work done by each of the student members on your team and any work that was done by people outside of your team, including the host labs, advisors, instructors, and individuals not on the team roster. This requirement is not about literature references - these can and should be displayed throughout your wiki.{% endblock %}
+{% block page_content %}
+
+<div class="row display ltext list-none">
+ <h2>Team leaders:</h2>
+ <b>Shuo Huang:</b><p>He was responsible for the results, presentations, experiments, project description and modelling sections, and also helped with the writing, collaboration, dissemination and education of the notebook section, and was involved in almost all aspects of our project. At the same time, he reminded us of all the deadlines and his presence was an important driving force for us to complete the project. </p>
+ <b>Rongkai Tang: </b><p>He was responsible for organizing and managing the entire team's work. He reviewed and revised the main paperwork and design of the wiki, and completed the design and submission of all the team's parts. He was involved in the general direction of the team's decisions and made sure that the team's work content did not deviate from the right path, and also provided advice and assistance in the development of human practice activities.</p>
+ <h2>Experimental Group:</h2>
+ <b>Qinglan Lan: </b><p>Participated in the research and implementation of experimental projects, designed the experimental process, responsible for purifying the protein experimental content, assisted in the production of new parts that can improve the function of existing parts, and performed mutual assistance with other teams in experimental validation, etc. He is also responsible for advancing the production related to Partnership, Collabrotion, Video and other parts.</p>
+ <b>Xiaoyu Yang: </b><p> Participated in the implementation of the project, including the purification of CRISPR Cas14a1, TtCsm6 protein, and the conservation of the corresponding bacteriophage. Provided sufficient amount of protein for the experiment to ensure the normal advancement of the experiment.</p>
+ <b>Xiaoxia Wang: </b><p>Participated in the project development process, and performed protein purification, RNA extraction part of the experiment.</p>
+ <b>Moyan Liang: </b><p>major in Agronomy, member of WET lab. He is mainly responsible for the extraction of bacterial RNA in the wet experiment and the design of the processing steps for the extraction of bacterial RNA from seawater. He coordinated with the teacher in charge of the lab and summarized the information of our team BioBrick.</p>
+ <h2>Human Practice Group：</h2>
+ <b>Shiyue Wang: </b><p>help achieve orderly coordination among the teams, responsible for the project description, educational communication and web content production and other related parts.</p>
+ <b>Yuhang Zhou: </b><p> responsible for the completion of the Poster, external publicity, cooperation with other igem teams, contacting companies and sponsors, and disseminating experimental results and related applications.</p>
+ <b>Die Hu: </b><p> She is mainly responsible for the copywriting of the human practice section and the production of related materials for our education and communication activities.</p>
+ <b>Xiaoyang Li:</b><p>contacting teachers that the team needs to interview, copywriting work for the proof-of-concept part, and also providing help for the website construction.</p>
+ <b>Han Li:</b><p>liaising with different biological companies, taking care of finances, and coordinating various activities related to human practice.</p>
+ <b>Xinshui Tao: </b><p>responsible for the voiceover work of the presentation video and the docking work of the communication and education part.</p>
+ <b>Xuerui Zhao: </b><p> mainly responsible for the coordination, filming and editing production of the team's presentation video, and for the work related to the collaboration part.</p>
+ <h2>Wiki Group:</h2>
+ <b>Shibo Wang: </b><p>responsible for the Wiki part of the construction work, writing code and layout design</p>
+ <b>Yijie Cheng: </b><p>designed the logo, team flag, team uniform and mascot for the team, participated and completed the layout design of the poster, ppt and igem manual, and completed the illustration of the experimental steps disassembled in the ppt part.</p>
+ <b>Huiru Shi:</b><p>participated in the design of our team manual, assisted in the design of illustrations and other designs for the team project.</p>
+ <b>Hongyu Chen:</b><p> assisted in the completion of the wiki</p>
+ <b>Siyu Cheng: </b><p>responsible for the design and layout of the images needed for the wiki section</p>
+ <h2>General Support:</h2>
+ <h3>Thanks to our advisors for their help in team running, project guidance and experimental support. Here is their contribution.</h3>
+ <b>Manman Chen: </b><p>has a strong knowledge of synthetic biology and has taught our team about it in the early stages.</p>
+ <b>Ye Zhong: </b><p> She is responsible for the guidance of the website artwork design, in addition to that, she also contributes many suggestions to our project in video production, PowerPoint presentation and many other aspects.</p>
+ <b>Anyi Li：</b><p>As a member of the OUC team in 2018, he has been a great guide to our competition this year.</p>
+ <b>Yunxiang Xiao&Wenkai Shang：</b><p>Yun Xiang and Wen Kai are good at communication and management. They have helped us contact many companies and target schools for popular science promotion. They have provided us with great help in human practice.</p>
+ <b>Shengsen Peng：</b><p>：Shengsen has provided a lot of guidance for our hardware design, and he is indispensable to the success of our hardware.</p>
+ <h2>Lab support:</h2>
+ <p>We thank the State Key Laboratory of Marine Resources Utilization in the South China Sea of Hainan University for providing laboratory support, where we completed most of the wet experiments of the project, and the advanced equipment of the laboratory helped us to complete the experimental operations perfectly. </p>
+ <h2>Fundraising help and advice:</h2>
+ <p>We are also grateful for the financial support provided by the College of Life Sciences and the College of Tropical Crops at Hainan University. During this process, especially with the help of Mr. Chen Yinhua and Mr. Zhou Hailong, we finally succeeded in raising the funds for the project.</p>
+ <h2>Human Practices support</h2>
+ <h3>We are grateful to all those who have helped us in the human experience and to all of you who have participated in our projects.</h3>
+ <p>We are grateful to the Beijing Foreign Studies University Affiliated Hainan Foreign Language School and the Micro Krypton Company for their educational support. In the process, we have developed a deep friendship with our high school friends and have done an excellent job of promoting the science of synthetic biology and our competition.</p>
+ <p>Thank JLU_China, UESTC-BioTech, BNSC_China, XMU_China, XJTLU_China, CPU_China, FAFU, GXU-China, Worldshaper-HZ for collaboration with our team.</p>
+ <h2>Difficult technique support</h2>
+ <p>When we encountered technical difficulties in the progress of the project, Dr. Wan Yi and Prof. Wang Buhua provided us with very timely and necessary theoretical support, which enabled us to continue the project and achieve the final perfect result.</p>
+ <b>Thanks to PIs and the instructors for their guidance, to the advisors for their help, and to every team member for their efforts, so that our project progressed beyond our original expectation.</b>
+ <div class="opic large">
+ <img src="" alt="png">
+ </div>
+ </div>
+
+{% endblock %}
--
GitLab
From 5f9c9f65fea6c62e6193a83ff4bbc40cb349817a Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Sun, 9 Oct 2022 16:43:06 +0800
Subject: [PATCH 28/35] update
---
static/css/content.css | 6 ++++--
static/js/animate.js | 2 +-
wiki/pages/attributions.html | 9 ++++++---
3 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/static/css/content.css b/static/css/content.css
index f09eb06..0e9ede9 100644
--- a/static/css/content.css
+++ b/static/css/content.css
@@ -518,7 +518,7 @@ img.lpic {
top: 0;
left: 0;
display: none;
- z-index: 90;
+ z-index: 999;
background-color: rgba(0,0,0.3,0.3);
}
@@ -535,4 +535,6 @@ img.lpic {
scale: 1.2;
}
-
+.largebox{
+ width: 100%;
+}
diff --git a/static/js/animate.js b/static/js/animate.js
index 48ce98f..6d3f383 100644
--- a/static/js/animate.js
+++ b/static/js/animate.js
@@ -6,7 +6,7 @@ $('.avatar').each(function (item) {
height: '0'
});
$('.pic-all').eq(item).animate({
- height: '90vh',
+ height: '75vh',
width: 'auto'
}, 450);
});
diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index d2f53e0..b2f3e4b 100644
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -6,6 +6,12 @@
{% block page_content %}
<div class="row display ltext list-none">
+ <div class="pic-box largebox">
+ <img src="" alt="png" class="avatar" title="click here to see attribution details">
+ <div class="pic-display">
+ <img src="" alt="png" class="pic-all">
+ </div>
+ </div>
<h2>Team leaders:</h2>
<b>Shuo Huang:</b><p>He was responsible for the results, presentations, experiments, project description and modelling sections, and also helped with the writing, collaboration, dissemination and education of the notebook section, and was involved in almost all aspects of our project. At the same time, he reminded us of all the deadlines and his presence was an important driving force for us to complete the project. </p>
<b>Rongkai Tang: </b><p>He was responsible for organizing and managing the entire team's work. He reviewed and revised the main paperwork and design of the wiki, and completed the design and submission of all the team's parts. He was involved in the general direction of the team's decisions and made sure that the team's work content did not deviate from the right path, and also provided advice and assistance in the development of human practice activities.</p>
@@ -46,9 +52,6 @@
<h2>Difficult technique support</h2>
<p>When we encountered technical difficulties in the progress of the project, Dr. Wan Yi and Prof. Wang Buhua provided us with very timely and necessary theoretical support, which enabled us to continue the project and achieve the final perfect result.</p>
<b>Thanks to PIs and the instructors for their guidance, to the advisors for their help, and to every team member for their efforts, so that our project progressed beyond our original expectation.</b>
- <div class="opic large">
- <img src="" alt="png">
- </div>
</div>
{% endblock %}
--
GitLab
From b3ead4814a98218367bffd26e81c12971297f5bc Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Sun, 9 Oct 2022 19:30:04 +0800
Subject: [PATCH 29/35] update
---
static/css/header.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/static/css/header.css b/static/css/header.css
index 5ad08b5..172b93c 100644
--- a/static/css/header.css
+++ b/static/css/header.css
@@ -12,7 +12,7 @@ header{
height: 100vh;
width: 100%;
position: relative;
- background-color: rgba(255,255,255,0.4);
+ background-color: rgba(255,255,255,0.2);
}
.header-title{
--
GitLab
From c3c3180e793842068f1b9b543696ddab1f5767bc Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Mon, 10 Oct 2022 00:10:13 +0800
Subject: [PATCH 30/35] update
---
static/css/nav.css | 2 +-
wiki/menu.html | 3 +
wiki/pages/engineering.html | 443 +++++++++++++++++++------------
wiki/pages/entrepreneurship.html | 13 +
wiki/pages/sustainable.html | 13 +
5 files changed, 301 insertions(+), 173 deletions(-)
create mode 100644 wiki/pages/entrepreneurship.html
create mode 100644 wiki/pages/sustainable.html
diff --git a/static/css/nav.css b/static/css/nav.css
index 1adfac2..53a0944 100644
--- a/static/css/nav.css
+++ b/static/css/nav.css
@@ -136,7 +136,7 @@
#team{
transform: translateX(-40px);
- padding-top: 130px;
+ padding-top: 85px;
}
diff --git a/wiki/menu.html b/wiki/menu.html
index 179d975..e654161 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -49,6 +49,9 @@
<ul class="tag little" id="team">
<li><a href="{{ url_for('pages', page='TEAM') }}" class="tag-link">TEAM</a></li>
<li><a href="{{ url_for('pages', page='ATTRIBUTIONS') }}" class="tag-link">ATTRIBUTIONS</a></li>
+ <li><a href="{{ url_for('pages', page='ENTREPRENEURSHIP') }}" class="tag-link">ENTREPRENEURSHIP</a></li>
+ <li><a href="{{ url_for('pages', page='SUSTAINABLE') }}" class="tag-link">SUSTAINABLE</a></li>
+
</ul>
</li>
<li class="nav-title short-nav"><a href="{{ url_for('pages', page='AWARD') }}" class="nav-link"><span>Award</span></a>
diff --git a/wiki/pages/engineering.html b/wiki/pages/engineering.html
index c384323..d3c8140 100644
--- a/wiki/pages/engineering.html
+++ b/wiki/pages/engineering.html
@@ -1,219 +1,318 @@
{% extends "layout.html" %}
-{% block htitle %}Education{% endblock %}
-
-{% block title %}Education{% endblock %}
-{% block lead %}Innovative educational tools and outreach activities have the ability to establish a two-way dialogue
-with new communities by discussing public values and the science behind synthetic biology.{% endblock %}
+{% block htitle %}Engineering{% endblock %}
+{% block title %}Engineering Success{% endblock %}
+{% block lead %}Demonstrate engineering success in a part of your project by going through at least one iteration of the
+engineering design cycle.{% endblock %}
{% block page_content %}
-<div class="row display ltext" xmlns="http://www.w3.org/1999/html">
- <h2>â… . Promotional videos and articles</h2>
- <p>We produced several tweets and promotional videos about synthetic biology and submitted them on bilibili.com and
- WeChat, which were widely read and broadcasted.</p>
- <div class="opic">
- <img src="" alt="png">
- </div>
- <p>In order to let more people know about IGEM, we put several videos about IGEM in Station B. In these videos, we
- shared our experience in the competition and some interesting things happened in the process of the competition.In
- addition, in order to achieve a high degree of integration with the social level, we also made most of the human
- practice activities in the whole project into the form of video to promote our project.</p>
- <div class="trpic">
- <img src="" alt="png">
+<div class="row display ltext">
+ <h2>Overview</h2>
+ <p>Our ultimate goal is to build a single-base, amplification-free, portable set of detection platforms. In the
+ engineering success page, we first need to implement the most important and experimentally verified part, the
+ single-base accuracy part. We learned from our review and experiments that Cas13a and Cas14a can tolerate 1-2 base
+ mutations in target sequence recognition, specifically, if the target RNA or DNA has single nucleotide polymorphism
+ in the detection system, it will lead to unclear signal source (from target sequence or mutated sequence), and
+ subsequently will produce a "false positive "false positive" characterization.</p>
+ <p>To address this problem, we thought of combining single base mutation sequence with complementary paired CLAMP to
+ shield the mutation sequence and enable Cas protein to recognize the target sequence more accurately. At the same
+ time, to ensure the stability of the CLAMP-mutation sequence, we will use peptide nucleic acid (PNA) as the backbone
+ of CLAMP, which will reduce the intensity of the "false positive" signal and make it easier for us to identify the
+ source of the signal.</p>
+ <div class="tpic">
<img src="" alt="png">
<img src="" alt="png">
</div>
- <p>We have also made full use of the WeChat official account as a publicity tool. We have posted many articles on the
- WeChat official account in the fields of experiment, human practice, partnership and cooperation, so as to promote
- the concept of synthetic biology and IGEM.</p>
- <div class="opic">
+ <p>To achieve amplification-free detection, we will use the trans cleavage activity of Cas13a and Cas14a to cleave and
+ degrade the labeled nucleic acid by coupling with TtCsm6 and Csm6 activator (A4-U6 oligonucleotide) to generate
+ fluorescent signals (through the linkage between the proteins to transmit and amplify the signal in the process),
+ coupled with the base complementary pairing PNA "CLAMP" to shield the single base mutation sequence, this detection
+ system has a specificity, sensitivity and high efficiency that no single protein detection means has.</p>
+ <h2>Engineering Cycle</h2>
+ <h2 class="l">CYCLE1：</h2>
+ <h3>Expression of cas and csm6 proteins.</h3>
+ <p>parts:<a href="http://parts.igem.org/Part:BBa_K4223018">BBa_K4223018</a>ã€BBa K4223008</p>
+ <h2>1.1 DESIGN：</h2>
+ <p>His tag-MBP-Cas14a9 (<a href="http://parts.igem.org/Part:BBa_K4223018">BBa_K4223018</a>) makes an important part of
+ our project and we use it for efficient and high quality Cas14a protein expression and purification extraction. MBP
+ helps to increase the yield of soluble protein in E. coli, and TEV is used as an enzymatic site to purify MBP-Cas14a
+ recombinant protein after His tag binding to a Ni column, which retains the pure Cas14a protein and passed through
+ the heparin column.</p>
+ <div class="opic large">
<img src="" alt="png">
</div>
- <h2>â…¡. Science Lectures</h2>
- <p>To our surprise, our WeChat official account article was forwarded and publicized by the 9th CCIC community. This
- has not only expanded our influence, but also made more people know about our project, and promoted more capable
- talents to devote themselves to the construction of synthetic biology.</p>
- <h2>Purpose</h2>
- <p>In order to promote synthetic biology and igem, stimulate students' interest in biology, develop students' imagination about biology, cultivate students' scientific spirit of "daring to explore and innovate", and improve students' scientific and cultural literacy, our team decided to carry out a series of popular science activities, starting from three themes: life, disease and frontier technology, to explain the impact of life science on our daily life from the perspective of biology.</p>
- <h2>Target group</h2>
- <p>Approximately 500 secondary school students from the Haikou Foreign Language School affiliated to Beijing Foreign
- Studies University and interested undergraduates from our university.</p>
- <h2>Contents</h2>
- <p>A. Preparation: Our team has prepared four themes of science education, "The Secret of Coffee" under the theme of life, "Disappearing Love - Alzheimer's Disease" under the theme of disease, and "Frontier Technology" under the theme of Scientists know the motor - DNA nanoscale molecular motor", "the magic genetic scalpel - CRISPR". Some of these are related to our project and some are close to life, and we hope our science lectures can balance fun and seriousness.
-
-B. Invitation After preparing the science education content and rehearsing it in the team. We started to look for the target audience of our science popularization. At first, we planned to invite interested undergraduates from our university to give them a more professional science education. However, in the process of preparation, we decided to expand our influence and let more people see synthetic biology and let more people know about igem, so we started to look for suitable universities, and in the process of searching, it was not as smooth as we thought. Due to the epidemic, some schools did not open, and some rejected us for various reasons, such as time mismatch. However, with our persistent efforts, we finally succeeded in communicating with Haikou Foreign Language School affiliated with Beijing Foreign Studies University and got an opportunity to make a presentation.
-
-C. Cooperation After determining the time of the lecture and planning the general flow of the activity, in order to make our science popularization more abundant, we took the initiative to contact other schools to jointly conduct science popularization with us. With continuous communication with other teams, we finally invited iGEM teams from Guangxi University and Jilin University to participate in the science lectures we held.</p>
- <p>We also invited the iGEM team from Guangxi University and Jilin University to give a science talk together. Their
- presence enriched the content of the lectures.</p>
- <h2>Format</h2>
- <p>Unfortunately, due to the severity of the epidemic in our school location, we had to deliver the science talk in an
- online format.
- </p>
- <h2>Processes</h2>
- <h4>I.Pre-planning</h4>
- <p>Chinese version of the plan</p>
+ <h2>1.2 BUILD</h2>
+ <p>His tag-MBP-Cas14a1 purification
+ Day1
+ 1.Preparation of LB medium 500ml*4
+ 2.Shake the bacteria to recover.
+ Take LB medium 3ml*2 (TEV,MBP)
+ + bacteria night 30μl + antibiotic (Amp) ampicillin 3μl
+ Constant temperature shaker 37℃ 180rpm 12-16h
+ Day2
+ 1.Sterilization of culture medium
+ 2. Expansion, induction.
+ Take sterilized LB medium*4 (TEV*2,MBP*2)
+ +500μl of antibiotics (Amp) +2ml of the night before the bacteria
+ Shake at 37℃ 180rpm for 6-8h
+ Shaken TEV and MBP
+ TEV+IPTG 50μl*2 37℃ 180rpm 12h
+ MBP+IPTG 100μl*2 18℃ 180rpm 12h
+ Day3
+ 1. Bacteria-breaking lysis.
+ Take TEV, MBP high-speed centrifugation 10000 rpm 5min, discard supernatant add lysis solution 5ml / tube (operation
+ in the ice box, the action should be fast), blow well, three tubes in one tube
+ Use ultrasonic crushing bacteria 25% power on 4s off 10s working time 50-60min
+ 2. Preparation.
+ Purified water equilibrium solution eluent (wash once) 20% ethanol sequential extraction on the machine, wash the
+ machine (full water wash once) on the HIS nickel column (1ml/min), wash the column, the tube into the corresponding
+ reagent bottle syringe filter membrane sample
+ 3. Purification of proteins.
+ TEV and MBP max speed 5ml/min
+ A1 pure water A2 equilibrium solution B eluent A3 20% ethanol
+ When the machine is turned off, water wash once, unload the column (1ml/min) ethanol wash once</p>
<div class="tpic">
<img src="" alt="png">
<img src="" alt="png">
</div>
- <p>English translated version of the plan</p>
- <div class="trpic">
- <img src="" alt="png">
+ <p>4. Measure protein concentration (kit) Measure protein concentration (kit), 96-well plate, 100ul BCA working
+ solution per well, 1ul Cu reagent 10ul protein, two protein two-well, measure absorbance, about 0.4 is normal value
+ </p>
+ <div class="tpic">
<img src="" alt="png">
<img src="" alt="png">
</div>
- <h4>II. Conducting science lectures</h4>
- <p>Conducted by our team</p>
- <p>Life Theme: "The Secret of Coffee"</p>
+ <p>5. Mix digestion with protein concentration 1:1 equal volume digestion (TEV slightly more) two tubes mixed, 4 ° c
+ overnight
+ Day4.
+ 1. Protein purification
+ Ultra-filter tube, with filtered water, centrifuge 3800r 30min twice Equilibrium solution 30min twice
+ Top sample, centrifugation, 30min 3800r until protein is consumed, replenish equilibrium solution 3 times
+ Loading the machine
+ Wash the machine as before, wash the column to wash the equilibrium solution once more, heparin column 1ml/min (pay
+ special attention to sample evacuation)</p>
<div class="opic large">
<img src="" alt="png">
</div>
- <p>Due to its refreshing effects and unique taste, coffee has been spread around the world for centuries. Nowadays,
- coffee is no longer a "mysterious" drink for us, as cafes of all brands have sprung up all over China. On a lazy
- afternoon or a late night with a cup of coffee, you'll be full of energy! But is coffee really refreshing, how does
- it work on the body, and why do I still get sleepy after drinking it? We explain the origins of coffee, the
- mechanism of caffeine, rumours about coffee and the benefits of coffee.</p>
- <p>Disease Theme: "Vanishing Love - Alzheimer's Disease"</p>
- <div class="opic large">
+ <p>Csm6 purification
+ Day1
+ 1.Preparation of LB medium 500ml*2 Sterilization
+ 2.Shake the bacteria to recover.
+ Take LB medium 3ml*2
+ +bacterial night 30μl+carboxymycin 3μl
+ Constant temperature shaker 37℃ 180rpm 12-16h
+ Day2
+ 1. Expansion, induction.
+ Take sterilized LB medium + 500μl of caramycin + 3ml of ante-night bacterium night
+ Shaking bed 37℃ 180rpm 6-8h
+ Shake the good bacteria solution
+ Csm6+IPTG 100μl 18℃ 180rpm 12h
+ Day3
+ 1. Bacteria breaking lysis.
+ Take the bacterium solution high-speed centrifugation 10000rps 5min, discard the supernatant add lysate, blowing
+ uniformly, three tubes in one tube
+ Use ultrasonic crushing bacteria 25% power on 4s off 10s working time 50-60min
+ 2. Preparation.
+ Pure water equilibrium solution eluent (wash once) 20% ethanol sequential extraction on the machine, cleaning
+ machine (full water wash once) on the HIS nickel column (1ml/min), wash the column, the tube into the corresponding
+ reagent bottle syringe filter membrane sample
+ 2. Collect the sample
+
+
+ Run gel verification
+ SDS-page protein gel electrophoresis
+ 1.Gel preparation
+ 2.Sample processing
+ 3.Add maker and sample
+ 4.Add running buffer to electrophoresis according to the procedure
+ 5.Staining of gel plate Decolorization
+ 6.Observation</p>
+ <div class="tpic">
<img src="" alt="png">
- </div>
- <p>According to the World Health Organisation (WHO), one person in the world is diagnosed with dementia every three
- seconds. Alzheimer's disease (AD) accounts for 60-70% of dementia cases worldwide and is one of the major health
- challenges of the 21st century. In China, about one in every hundred and fifty people have Alzheimer's disease.
- Alzheimer's disease is not far from us, what are the symptoms of Alzheimer's disease? What are the symptoms of
- Alzheimer's disease? How does it develop? What are the symptoms of Alzheimer's disease and how does it develop? What
- are the means of early prevention or intervention? We have answered all these questions for the secondary school
- students in our scientific talks.</p>
- <p class="c m0">Cutting-edge technology theme: "Borealis knows horses, scientists know motors - DNA nanoscale
- molecular motors"</p>
- <div class="opic large">
<img src="" alt="png">
</div>
- <p>In a recent study published in the journal Nature, a team of physicists has used DNA origami to create the first
- nanoscale electric motor built from DNA strands. This is not the first nanoscale DNA motor, but it is the first
- nanoscale molecular rotary motor that can actually perform measurable mechanical work. Our science talk starts with
- DNA origami technology and molecular motors, and goes on to describe new breakthroughs in DNA nanoscale molecular
- motors, new research mechanisms and what is expected in terms of future applications of molecular motors.</p>
- <p class="c m0">Cutting-edge technology theme: "The amazing genetic scalpel - CRISPR"</p>
- <div class="opic large">
- <img src="" alt="png">
+ <h2>1.3 TEST</h2>
+ <b>To further examine the protein activity of Cas14a and Csm6</b>,<p>we set up the system without the addition of
+ target DNA as the control group and the system with the addition of target DNA as the experimental group. The
+ fluorescence assay was performed on 4 groups of samples at 37°C using an enzymatic standard (excitation wavelength
+ 492 nm, emission wavelength 520 nm). Three parallel samples of each group were measured and the variance and mean
+ were calculated and plotted with Origin 9.0. As shown in the figure, the validation of the cleavage activity of
+ cas14a1 and csm6 proteins was finally completed.</p>
+ <div class="tpic annotation">
+ <div class="pic-t">
+ <img src="" alt="png">
+ <p>Validation of the activity of Csm6 protein</p>
+ </div>
+ <div class="pic-t">
+ <img src="" alt="png">
+ <p>Validation of the activity of Csm14 protein</p>
+ </div>
</div>
- <p>Since the dawn of mankind, we have been forced to fight the oldest organisms on the planet - viruses. And the
- CRISPR
- system is the bacterial equivalent of the immune system, which acts like a scalpel to precisely excise the genetic
- information of invading viruses and stop them from proliferating. In this science fair, we provide an introduction
- to the principles and applications of CRISPR.</p>
- <p class="c m0">Conducted by our partner teams</p>
- <p class="c m0">Guangxi University - Into synthetic biology</p>
- <div class="opic large">
+ <h2>1.4 LEARN</h2>
+ <p>Here, we successfully expressed Cas14a and csm6 proteins, which were verified to be ready for use after activity.
+ However, we did not get the expected results when expressing Cas13a protein, and the expressed Cas13a concentration
+ was very low, which was not improved after several attempts to change the conditions of different reaction systems,
+ so we considered asking other teams for help or purchasing Cas13a protein in future experiments.</p>
+ <p>We will then perform a false positive test in the next step</p><b>to complete the proof of concept of the
+ experimental idea done in the wet experiment.</b>
+ <h2>CYCLE2：</h2>
+ <h2>False-positive tests</h2>
+ <h2>2.1 DESIGN：</h2>
+ <b>In the previous cycle, we successfully expressed the desired Cas and Csm6 proteins and presented the problem with a
+ corresponding solution. We will then confirm the "false positive" characterization in the next cycle to determine
+ the interference of the mutant sequence with the clear signal source when the target sequence coexists with the
+ mutant sequence in the reaction system.</b>
+ <p>We designed two 22-base-long target ssDNA sequences and target ssRNAs, respectively, and both designed 12 sequences
+ with inversions at odd sites, respectively, as mutant sequences in our laboratory:</p>
+ <div class="opic annotation large">
<img src="" alt="png">
+ <p>Test sequence of Cas13a</p>
</div>
- <p>Yao Jiawei from Guangxi University introduced the development of synthetic biology, the current applications of
- synthetic biology, the interdisciplinary nature of synthetic biology, and incidentally introduced iGEM to the
- secondary school students.</p>
- <p class="c m0">Jilin University - Synthetic Biology Series of Public Interest Classes</p>
- <div class="opic large">
+ <div class="opic annotation large">
<img src="" alt="png">
+ <p>Test sequence of Cas14a</p>
</div>
- <p>Wang Shiyao from Jilin University briefly introduced the conventional idea of design-experiment-summary in
- synthetic biology by explaining the in vitro synthesis of enzymes and other examples, helping to build a preliminary
- understanding of synthetic biology.</p>
- <p class="c m0">Site conditions</p>
- <p class="c m0">Site photo</p>
- <div class="opic large">
+ <h2>2.2 BUILD</h2>
+ <p>We took the target and mutant sequences and added them to the reaction system of Cas13a and Cas14a, which was
+ carried out as follows.</p>
+ <p>Cas14a
+
+ Reaction Buffer (20 mM tris-hcl, 20 mM NaCl, pH 9.0)
+
+ 15 uL: Cas14a （final 500nM） &sgRNA (final 500nM) in Reaction buffer ;
+ 6 uL: Mg ion ( final 10mM) & FQ (final 400nM in reaction buffer);
+ 9 uL: T or Mx & Clamps in reaction buffer.
+ (2x) buffer: 20 mM tris-hcl, KCl 100 mM, pH=8.2.
+
+ 20 uL /cell：
+
+ 10uL buffer(2x);
+ 0.8uL 500nM Cas13a;
+ 0.1uL 5uM crRNA;
+ 0.67uL 150mM Mg2+(ca. 5mM Mg2+ final.)
+
+ 37 ℃ Incubation 10-15min, add probe 0.6uL（10uM） FQ ;
+ （12.17 uL in total ca. 12 uL)
+ Cas13a Continuous system
+ (2x) buffer: 20 mM HEPEs, pH=7.5.
+
+ 20 uL /cell：
+
+ 10uL buffer(2x);
+ 0.8uL 500nM Cas13a;0.1uL 5uM crRNA;
+ 0.67uL 150mM Mg2+(ca. 5mM Mg2+ final.)
+ 1uL 200mM KCL;
+
+ 37 ℃ Incubation 10-15min, add probe 0.6uL（10uM） FQ , 0.5uL Csm6;
+
+ （total 13.67 uL )
+
+ Ac & Target or clamps or mutants (in DEPC water) total 6.33 uL。
+ Target or clamps or mutants (in DEPC water) total 7.83 uL。</p>
+ <h2>2.3 TEST</h2>
+ <div class="opic annotation large">
<img src="" alt="png">
+ <p>Detection results of Cas14a protein for DNA sequences (revealed by relative fluorescence unit RFU)</p>
</div>
- <p>"The beauty of biology, the beauty of the world" Science Talk 2022.9.26 Science Talk begins.</p>
- <div class="opic large">
+ <div class="opic annotation large">
<img src="" alt="png">
+ <p>Detection results of Cas13a protein for DNA sequences (revealed by relative fluorescence unit RFU)</p>
</div>
- <p>HainanU_China's Liang Moyan is giving a presentation on DNA molecular motors</p>
- <div class="opic large">
+ <p>The recognition and cleavage of the target sequences by Cas14a and Cas13a proteins, thus exhibiting trans cleavage
+ activity, and consequently the fluorescence signal report, we show as Relative fluorescence unit (RFU). We can
+ observe that each detected sequence exhibits a different fluorescence signal intensity, and M7, M20, RM8, RM15 and
+ RM19 are significantly larger than the target sequence. This indicates that false positive characterization does
+ exist and the specificity of the detection is affected differently depending on the mutation site.</p>
+ <h2>2.4 LEARN: </h2>
+ <p>In this engineering cycle, we validated the false positive characterization of the assay using Cas13a and Cas14a
+ proteins from the previous engineering cycle, and after we concluded that false positives do exist and interfere
+ with the source of the signal, we started to design a solution to the problem - using PNA-CLAMP to mask the
+ mismatched sequences</p>
+ <h2>Circle3：</h2>
+ <h2>Blocking of mismatched sequences using PNA</h2>
+ <h2>3.1 DESIGN</h2>
+ <b>Here we plan to provide a solution to the false positive problem that occurred in the last engineering cycle. We
+ will use synthetic target sequences with mutant sequences in the wet lab to simulate the processing of samples in a
+ real environment.</b>
+ <p>Here we plan to provide a solution to the false positive problem that occurred in the last engineering cycle. We
+ will use synthetic target sequences with mutant sequences in the wet lab to simulate the processing of samples in a
+ real environment.</p>
+ <div class="opic annotation large">
<img src="" alt="png">
+ <p>Comparison of PNA and DNA structures</p>
</div>
- <p class="c m0">Screenshot of video conference</p>
- <div class="opic large">
+ <h2>3.2 BUILD</h2>
+ <p>During this BUILD period, we tested multiple sets of different base mismatches and the shielding effect of PNA and
+ DNA on the sequences at different sites and different lengths. However, since PNA is expensive, it is costly and
+ time-consuming to design DNA/PNA for each of the above mentioned mutant sequences for shielding, so we selected the
+ more representative mutant sequences for our experiments.</p>
+ <h2>3.3 TEST</h2>
+ <p>Taking Cas14a1 as an example, based on the experimental results in Cycle 2 (Confirmation of "false positive"
+ characterization), sequences with mutation sites at 5', -5, 7, 20-3' bases were selected from a series of sequences
+ with single-base mutations. -5, 7, 20-3' bases, which showed high RFU in the false positive mock assay, were
+ selected as typical sequences to demonstrate the role of the shackle system (clamp).
+ Initially, we used the designed complementary DNA as clamp as a pre-experiment to verify the preliminary role of
+ Clamp. As illustrated by the experimental results presented in the figure below: the Relative fluorescence unit
+ (RFU) of the experimental group with the addition of DNA-clamp was significantly lower than that of the control
+ group, and combined with the Delta-RFU analysis, Clamp did reduce the interference of mutant sequences on the assay
+ results.</p>
+ <div class="tpic">
+ <img src="" alt="png">
<img src="" alt="png">
</div>
- <p>Secondary school students participating in a science talk through multimedia equipment in the classroom</p>
- <p class="c m0">Site evaluation</p>
- <div class="opic">
+ <p>But just DNA as clamp is not enough for the goal of our project. So we designed PNA as clamp and validated it in
+ the same way. We also compared the control group with DNA-clamp and PNA-clamp to make the data more reliable. The
+ above two experiments also demonstrate that our idea of designing "Clamp" to avoid the defect of misidentification
+ of target sequences by Cas13a and Cas14a due to similar mutated sequences can be realized.</p>
+ <div class="trpic">
+ <img src="" alt="png">
+ <img src="" alt="png">
<img src="" alt="png">
</div>
- <p class="c m0">(Your report was very interesting and original.)</p>
- <div class="opic">
+ <p>Although we have verified that PNA as clamp has better effect than DNA as clamp, however, we are not yet sure to
+ what extent the shielding effect of using PNA as clamp on single base mutation false sequences can be achieved, and
+ it is not clear what effect different concentrations of PNA have on the effect of target sequence detection. So, we
+ set a certain amount of PNA (100nM) and gradient concentrations of target and mutant sequences in combination, and
+ found that the interference of PNA on mutant sequences was significantly greater than that of target sequences, and
+ even after the concentration of mutant sequences was less than 100nM, its RFU dropped in a precipitous manner. When
+ PNA was relatively saturated in the mutant sequence, it was able to play an almost complete shielding role. In the
+ absence of PNA addition, the magnitude of RFU change of both was not as obvious as when PNA was added.</p>
+ <div class="trpic">
+ <img src="" alt="png">
<img src="" alt="png">
</div>
- <p class="c m0">(The content of the talk was new and broadened the children's horizons.)</p>
- <h4>III. Return visit and feedback</h4>
- <p>More than 20 days after the online lecture, the epidemic subsided and we visited Haikou Foreign Language School,
- affiliated to Beijing Foreign Studies University, for a return visit to the lecture.</p>
- <p>Mr Z, Senior School Biology Teacher: This science talk for the university students broadened their horizons on
- background knowledge of synthetic biology, fostered their interest, stimulated their curiosity and led to further
- discussion and reflection. The day before, when we talked about DNA in class, most of the students already knew
- something about it, which they had learnt in the lecture, and the discussion in that class was very intense. It was
- clear that the science lecture really did engage the students and provoke thought.</p>
- <p>High school student L: The synthetic biology session presented by the seniors before was really fascinating. We saw
- that there are many places outside the textbook where synthetic biology can be developed and utilized, and I still
- remember the lecture on molecular motors by the senior from HainanU-China.</p>
- <p>Ms. N., parent of student: I used to be very unfamiliar with the concept of synthetic biology, I always felt that
- it was a nebulous thing, after all, the chemical synthesis technology is already very advanced. I hope my children
- will join the wave of synthetic biology and continue to work hard and improve. I hope my children will join the wave
- of synthetic biology and continue to work hard and improve. It was also very impressive to see how clearly the
- university students were able to speak.</p>
- <p>However, some teachers also reported that the content we presented was difficult and that there was a big
- difference in the knowledge base between junior and senior secondary students, with some junior secondary students
- not being able to understand the content we presented. In response, we have learnt from this and will pay more
- attention to the differences in knowledge and understanding between different groups of people when conducting
- similar educational activities in the future, and design more targeted activities.</p>
- <p>During the return visits we received praise as well as critical suggestions, and the science talks were not only a
- way for us to spread knowledge to others, but we also gained valuable experience ourselves.</p>
- <h4>IV. Follow-up</h4>
- <p>We have videotaped the whole lecture and archived it on a web site for future teams to study and learn from.</p>
- <div class="opic large">
+ <p>In the system of Cas13a, as shown in the figure below, the shielding effect of PNA-CLAMP on complementary sequences
+ gradually increased as the concentration of PNA-CLAMP increased (0-100 nM) for a certain amount of the shielded
+ sequence, indicating that the shielding effect increased with the amount of PNA-CLAMP within a certain concentration
+ range.</p>
+ <div class="trpic">
+ <img src="" alt="png">
<img src="" alt="png">
</div>
- <p class="c m0">(Video uploaded on the right, captions throughout on the left)</p>
- <h2>â…¢. The iGEM Guide</h2>
- <h2>Introduction</h2>
- <p>When team HananU_China was first established, we met JLU_China, who was also in their first year of participation. Since both teams were new in their first year of participation, we wanted to create a handbook at the beginning of this tournament to record the stories of both teams in detail.
-
-The original purpose of the handbook is to inspire people's love for synthetic biology, to lower the threshold for them to participate in the igem competition, and to let all the students around us know about the igem event. We will write down as many problems we encountered and how we solved them in this handbook, so that people can get started better.
-
-
-In the process of recording, we will regularly organize the problems encountered by the two teams at each stage into chapters and push them at the same time, as of now have jointly pushed 8 articles, with the depth of the tournament, we launched the 1.0 version of the manual</p>
- <div class="opic large">
+ <p>In the data in the figure below, we show that when PNA-CLAMP coexists with target and mutant sequences, only the
+ signal of mutant sequences is significantly shielded, while target sequences are largely unaffected. It indicates
+ that the application of PNA-CLAMP in single-base detection platform is feasible and has predictable good results.
+ </p>
+ <div class="opic">
<img src="" alt="png">
</div>
- <b class="l">Following the launch of version 1.0 of the manual, we began plans to expand the promotion and dissemination of the manual to.</b>
- <p>1. Invite more teams to join, share their experiences and shortcuts, and keep improving the manual.</p>
- <p>2. Release the manual in the official community, authorize subsequent teams to carry on and relay, promote the igem event and help future igem teams to participate.</p>
- <p>3. We will add more insights to the handbook, the content of conversations with igemers, and translate the handbook into many different languages, inviting igem teams from other countries to join and promote and publicize in their local areas, so that the handbook can become a guidebook to promote the development of synthetic biology and make more people understand the igem event.</p>
- <b class="l">So far, we have received eight team experience sharing from BUCT_China, FAFU_China, etc. The sharing covers eight areas: IGEM and synthetic biology basics, team formation, division of labor, methods of effective contact and communication with mentors, methods of selecting topics, overview of HP work, requirements for good artwork and good web pages, and introduction to 3D modeling design.</b>
- <p>Brochure display:</p>
+ <h2>3.4 LEARN</h2>
+ <h3>Instrument</h3>
+ <p>Currently, in vitro nucleic acid assays based on CRISPR technology are in the initial development stage. Existing
+ PCR nucleic acid assays require special instrumentation, laboratory testing sites and specialized technical staff,
+ and have strict zoning requirements for laboratories. In this environment, we decided to develop a portable enzyme
+ marker based on our project to validate and promote our project.
+ For more details, please see the Hardware page (please tie the wiki hardware link to Hardware at the Expo)</p>
+ <h2>Outlook</h2>
+ <p>In the era of the epidemic, we are quite sure that our project has strong applications. However, even if our
+ protocol is feasible, there are still many issues and challenges to really develop it to maturity. How to further
+ improve the sensitivity and specificity of the nucleic acid assay, how to combine and simplify the reagent
+ components, how to make the CRISPR-based nucleic acid assay home-based/private, how to further reduce the cost, how
+ to combine the CRISPR nucleic acid assay technology with the instrumentation to automate the rapid detection, these
+ are all things we are committed to achieve.</p>
+ <p>We will continue to innovate and breakthrough ourselves, and not end with IGEM, and finally build a perfect testing
+ platform to make our own contribution to improve the society!</p>
- <div class="opic large">
- <img src="" alt="jpg">
- </div>
- <iframe id="inlineFrameExample" title="2022handbook.pdf"
- src="https://static.igem.wiki/teams/4223/wiki/2022handbook.pdf">
- </iframe>
- <h2>â…£. Hosting an online virtual meetup</h2>
- <p>UESTC-BioTech has been working on synthetic biology breakthroughs in oil and energy production by tuning the lipid
- metabolism-related pathways of Chlamydomonas reinhardtii with the CRISPR-Cas9 system, so we have entered into a
- partnership with UESTC-BioTech based on CRISPR technology and have formed strong ties in the subsequent exchanges
- and collaborations, from which we have gained Mutual benefits.
- Based on the commonality of the technologies used by both parties, we jointly organized the CRISPR meetup on August
- 14, 2022 in order to seek a wider commonality of cooperation. HiZJU-China, NWU-CHINA-A, SCAU_China, SJTU-software
- and other teams to share their projects. We discussed the difficulties encountered in the process of experimentation
- and human practice, actively faced and sought solutions, and we also established deep friendship with many teams in
- this meeting.
- The brochure for the meetup is attached here for all those who visited our wiki to download. <a
- href="http://parts.igem.org/File:Meetup_brochure.pdf">Meetup brochure.pdf</a></p>
- <iframe id="inlineFrameExample" title="crispr-brochure.pdf"
- src="https://static.igem.wiki/teams/4223/wiki/crispr-brochure.pdf">
- </iframe>
</div>
{% endblock %}
diff --git a/wiki/pages/entrepreneurship.html b/wiki/pages/entrepreneurship.html
new file mode 100644
index 0000000..f64aa1f
--- /dev/null
+++ b/wiki/pages/entrepreneurship.html
@@ -0,0 +1,13 @@
+{% extends "layout.html" %}
+{% block htitle %}Entrepreneurship{% endblock %}
+{% block title %}Entrepreneurship{% endblock %}
+{% block lead %}Innovative educational tools and outreach activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology.{% endblock %}
+
+{% block page_content %}
+
+<div class="row display ltext">
+
+
+</div>
+
+{% endblock %}
\ No newline at end of file
diff --git a/wiki/pages/sustainable.html b/wiki/pages/sustainable.html
new file mode 100644
index 0000000..b39b263
--- /dev/null
+++ b/wiki/pages/sustainable.html
@@ -0,0 +1,13 @@
+{% extends "layout.html" %}
+{% block htitle %}Sustainable{% endblock %}
+{% block title %}Sustainable{% endblock %}
+{% block lead %}Innovative educational tools and outreach activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology.{% endblock %}
+
+{% block page_content %}
+
+<div class="row display ltext">
+
+
+</div>
+
+{% endblock %}
\ No newline at end of file
--
GitLab
From 7889e5e45cf9dca36c28aa20b78cbf424d6e25b5 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Mon, 10 Oct 2022 09:04:01 +0800
Subject: [PATCH 31/35] update
---
wiki/pages/partnership.html | 17 ++++++++++++-----
1 file changed, 12 insertions(+), 5 deletions(-)
diff --git a/wiki/pages/partnership.html b/wiki/pages/partnership.html
index 76b64b9..f13bd67 100644
--- a/wiki/pages/partnership.html
+++ b/wiki/pages/partnership.html
@@ -275,7 +275,14 @@ related to both of your projects.{% endblock %}
<img src="" alt="png">
<p>Figure 1. Team logos of HainanU-China and UESTC-BioTech</p>
</div>
-
+ <h2>From early April to early May: preliminary agreement on the design of partnership</h2>
+ <p>progress, we conducted several online meetings to discuss initial ideas for each other's projects, we presented
+ our projects to Worldshaper-HZ and tried to find similarities and propose an overview design for a partnership.
+ Together, we explored potential partnerships in the web lab and had in-depth discussions.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 2. Preliminary Partnership Meeting</p>
+ </div>
<h2>Mid-project: Meet UESTC-BioTech</h2>
<p>During an online meeting, we learned that UESTC-BioTech plans to use the CRISPR-Cas9 system to tune the lipid
metabolism-related pathways in Chlamydomonas reinhardtii to achieve a breakthrough in synthetic biology for oil
@@ -283,7 +290,7 @@ related to both of your projects.{% endblock %}
CRISPR technology, we reached a preliminary collaboration with UESTC-BioTech.</p>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 2. reached a preliminary collaboration with UESTC-BioTech</p>
+ <p>Figure 3. reached a preliminary collaboration with UESTC-BioTech</p>
</div>
<h2>Early August: Preparation for CRISPR meetup</h2>
<p>After a series of exchanges, we started to organize CRISPR meetup in order to seek a wider common cooperation.
@@ -293,7 +300,7 @@ related to both of your projects.{% endblock %}
our guests, in addition, we also made beautiful invitations for each team.</p>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 3. Online meetings and questionnaires in preparation for the process</p>
+ <p>Figure 4. Online meetings and questionnaires in preparation for the process</p>
</div>
<h2>August 14: CRISPR meetup in progress</h2>
<p>After careful preparation, we hosted this meetup on August 14, where we discussed the difficulties encountered
@@ -304,7 +311,7 @@ related to both of your projects.{% endblock %}
WeChat public meeting tweets were also officially retweeted by the 9th CCIC conference.</p>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 4. CRISPR conference brochure and screenshots of the meeting</p>
+ <p>Figure 5. CRISPR conference brochure and screenshots of the meeting</p>
</div>
<h2>Later stage of the project: giving advice and continuous improvement</h2>
<p>In the later stage of the project, we both encountered many difficulties from the aspects of the project for
@@ -319,7 +326,7 @@ related to both of your projects.{% endblock %}
</div>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 5. UESTC-BioTech was involved in the development of our brochure</p>
+ <p>Figure 6. UESTC-BioTech was involved in the development of our brochure</p>
</div>
</div>
--
GitLab
From c57de04eee16924dcd625fe14299aed2476cce71 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Mon, 10 Oct 2022 16:12:58 +0800
Subject: [PATCH 32/35] update
---
wiki/pages/human-practices.html | 14 +++++++-------
wiki/pages/partnership.html | 2 +-
2 files changed, 8 insertions(+), 8 deletions(-)
diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index 62842ab..b4f2dec 100644
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -144,7 +144,7 @@ Q: Do you have any comments on the microbial resistance test?</p>
</div>
<div class="opic_a annotation">
- <div onclick="document.getElementById('id05').style.display='block'" class="pic-t_a res" style="vertical-align:middle; width:260px;height:280px; cursor:pointer;">
+ <div onclick="document.getElementById('id05').style.display='block'" class="pic-t_a res" style="vertical-align:middle; width:260px;height:280px; cursor:pointer; padding-top:40px;">
<img style="vertical-align:middle; cursor: pointer; width:100%;height:auto" src="" alt="png">
<p>Figure 2b</p>
</div>
@@ -169,7 +169,7 @@ Learning: Their pitcher plant demonstration illustrates the inducible function o
<div class="opic_a annotation">
- <div onclick="document.getElementById('id06').style.display='block'" class="pic-t_a res" style="cursor:pointer; vertical-align:middle; width:260px;height:280px;padding-top:68px;">
+ <div onclick="document.getElementById('id06').style.display='block'" class="pic-t_a res" style="cursor:pointer; vertical-align:middle; width:260px;height:280px;padding-top:53px;">
<img style="vertical-align:middle; cursor: pointer;width:100%;height:auto " src="" alt="png">
<p>Figure 2c</p>
</div>
@@ -191,7 +191,7 @@ Learning: Their pitcher plant demonstration illustrates the inducible function o
</div>
<div class="opic_a annotation">
- <div onclick="document.getElementById('id07').style.display='block'" class="pic-t_a res" style="vertical-align:middle; width:260px;height:280px; cursor:pointer; padding-top:146px;">
+ <div onclick="document.getElementById('id07').style.display='block'" class="pic-t_a res" style="vertical-align:middle; width:260px;height:280px; cursor:pointer; padding-top:38px;">
<img style="vertical-align:middle; cursor: pointer; width:100%;height:auto" src="" alt="png">
<p>Figure 2d</p>
</div>
@@ -246,7 +246,7 @@ Learning: Use the refined CRISPR-Cas9 system to detect specific DNA sequences in
</div>
<div class="myprteam color1">
<div class="opic_a annotation">
- <div onclick="document.getElementById('id08').style.display='block'" class="pic-t_a res" style="cursor:pointer; width:250px;height:365px; padding-top:127px;">
+ <div onclick="document.getElementById('id08').style.display='block'" class="pic-t_a res" style="cursor:pointer; width:250px;height:365px; padding-top:55px;">
<img style=" cursor: pointer; width:100%; height:auto;" src="" alt="png">
<p>Figure 3a</p>
</div>
@@ -271,7 +271,7 @@ Learning: Use the refined CRISPR-Cas9 system to detect specific DNA sequences in
</div>
<div class="opic_a annotation">
- <div onclick="document.getElementById('id09').style.display='block'" class="pic-t_a res" style="cursor: pointer; width:250px;height:365px;padding-top:195px;">
+ <div onclick="document.getElementById('id09').style.display='block'" class="pic-t_a res" style="cursor: pointer; width:250px;height:365px;padding-top:55px;">
<img style=" width:100%; height:auto;" src="" alt="png">
<p>Figure 3b</p>
</div>
@@ -298,7 +298,7 @@ Learning: Use the refined CRISPR-Cas9 system to detect specific DNA sequences in
</div>
<div class="opic_a annotation">
- <div onclick="document.getElementById('id10').style.display='block'" class="pic-t_a res" style="width:250px;height:365px;cursor: pointer;">
+ <div onclick="document.getElementById('id10').style.display='block'" class="pic-t_a res" style="width:250px;height:365px;cursor: pointer;padding-top:55px;">
<img style=" width:100%; height:auto; " src="" alt="png">
<p>Figure 3c</p>
</div>
@@ -322,7 +322,7 @@ Learning: Use the refined CRISPR-Cas9 system to detect specific DNA sequences in
</div>
<div class="opic_a annotation">
- <div onclick="document.getElementById('id11').style.display='block'" class="pic-t_a res" style="width:250px;height:365px;padding-top:222px;cursor: pointer;">
+ <div onclick="document.getElementById('id11').style.display='block'" class="pic-t_a res" style="width:250px;height:365px;padding-top:55px;cursor: pointer;">
<img style=" width:100%; height:auto; " src="" alt="png">
<p>Figure 3d</p>
</div>
diff --git a/wiki/pages/partnership.html b/wiki/pages/partnership.html
index f13bd67..ab07ab0 100644
--- a/wiki/pages/partnership.html
+++ b/wiki/pages/partnership.html
@@ -326,7 +326,7 @@ related to both of your projects.{% endblock %}
</div>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 6. UESTC-BioTech was involved in the development of our brochure</p>
+ <p>Figure 6. UESTC-BioTech was involved in the development of our brochur</p>
</div>
</div>
--
GitLab
From 04cf6ae466029eb704be484b90d367ec92ee46cc Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Mon, 10 Oct 2022 16:13:56 +0800
Subject: [PATCH 33/35] update
---
wiki/pages/partnership.html | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/wiki/pages/partnership.html b/wiki/pages/partnership.html
index ab07ab0..f13bd67 100644
--- a/wiki/pages/partnership.html
+++ b/wiki/pages/partnership.html
@@ -326,7 +326,7 @@ related to both of your projects.{% endblock %}
</div>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 6. UESTC-BioTech was involved in the development of our brochur</p>
+ <p>Figure 6. UESTC-BioTech was involved in the development of our brochure</p>
</div>
</div>
--
GitLab
From 7e7662688c06ed8355014ec9aecc975b8412a0e1 Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Mon, 10 Oct 2022 16:22:34 +0800
Subject: [PATCH 34/35] update
---
wiki/pages/partnership.html | 16 ++++++++++------
1 file changed, 10 insertions(+), 6 deletions(-)
diff --git a/wiki/pages/partnership.html b/wiki/pages/partnership.html
index f13bd67..6a441b7 100644
--- a/wiki/pages/partnership.html
+++ b/wiki/pages/partnership.html
@@ -177,6 +177,10 @@ related to both of your projects.{% endblock %}
<p>progress, we conducted several online meetings to discuss initial ideas for each other's projects, we presented
our projects to Worldshaper-HZ and tried to find similarities and propose an overview design for a partnership.
Together, we explored potential partnerships in the web lab and had in-depth discussions.</p>
+ <div class="opic annotation large">
+ <img src="" alt="png">
+ <p>Figure 2. Preliminary Partnership Meeting</p>
+ </div>
<h2>From mid May to mid June: communicate the project progress of both sides</h2>
<p>The project has been underway for some time and we have been discussing with each other online based on the
current state of affairs on issues related to the experiment and suggesting improvements. We decided to exchange
@@ -184,7 +188,7 @@ related to both of your projects.{% endblock %}
we decided to provide Worldshaper-HZ with experimental designs related to the Cas13/14 system.</p>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 2. Progress of the hardware setup</p>
+ <p>Figure 3. Progress of the hardware setup</p>
</div>
<h2>From the end of June to the end of July: HP cooperation with concrete design</h2>
<p>After discovering the similarities between the two using the CRISPR-Cas system, we continued to conceptualize
@@ -193,7 +197,7 @@ related to both of your projects.{% endblock %}
subsequent human practice activities.</p>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 3. Discuss the work related to human practice</p>
+ <p>Figure 4. Discuss the work related to human practice</p>
</div>
<h2>July 21st : <a
href="http://parts.igem.org/File:The_interview_between_BuHua_in_HainanU-China_and_Worldshaper-HZ.pdf">Organize
@@ -216,7 +220,7 @@ related to both of your projects.{% endblock %}
<p>As for detection of nuclie acid, it is mostly applied into the field of food health and public health.</p>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 4. Interview of the advisor of HainanU-China team</p>
+ <p>Figure 5. Interview of the advisor of HainanU-China team</p>
</div>
<h2>August 6 to August 8: our offline party</h2>
<p>We were invited by Worldshaper-HZ to its IGEM Hangzhou offline party, where we presented our project progress
@@ -225,11 +229,11 @@ related to both of your projects.{% endblock %}
party was a great experience.</p>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 5. Meetup Booklet between HainanU-China and Worldshaper-HZ</p>
+ <p>Figure 6. Meetup Booklet between HainanU-China and Worldshaper-HZ</p>
</div>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 6. Our Photo in front of the Signature Wall</p>
+ <p>Figure 7. Our Photo in front of the Signature Wall</p>
</div>
<h2>Mid August to early September: improve project progress</h2>
<p>Later in the project, we found out that they were looking for a more professional instructor, while we were
@@ -259,7 +263,7 @@ related to both of your projects.{% endblock %}
</div>
<div class="opic annotation large">
<img src="" alt="png">
- <p>Figure 7. Both teams exchange ideas for hardware improvements</p>
+ <p>Figure 8. Both teams exchange ideas for hardware improvements</p>
</div>
</div>
--
GitLab
From 30858184cdc34b9bac06ac20e901221292bc7c1b Mon Sep 17 00:00:00 2001
From: MangoB <nian7bo16@outlook.com>
Date: Mon, 10 Oct 2022 20:59:21 +0800
Subject: [PATCH 35/35] update
---
static/css/base.css | 8 +
wiki/pages/hardware.html | 647 +++++++++++++++++++++------------------
2 files changed, 349 insertions(+), 306 deletions(-)
diff --git a/static/css/base.css b/static/css/base.css
index 2c899c9..0d4854a 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -36,6 +36,14 @@ footer {
font-family: 'Microsoft Yahei';
}
+code{
+ white-space: pre-wrap;
+ display: block;
+ color: #abb2bf;
+ background-color: #1b2426;
+ border-radius: 10px;
+}
+
li {
list-style: none;
}
diff --git a/wiki/pages/hardware.html b/wiki/pages/hardware.html
index aac5279..587b346 100644
--- a/wiki/pages/hardware.html
+++ b/wiki/pages/hardware.html
@@ -2,29 +2,44 @@
{% block htitle %}Hardware{% endblock %}
{% block title %}Hardware{% endblock %}
-{% block lead %}Hardware in iGEM should make synthetic biology based on standard parts easier, faster, better, or more accessible to our community.{% endblock %}
+{% block lead %}Hardware in iGEM should make synthetic biology based on standard parts easier, faster, better, or more
+accessible to our community.{% endblock %}
{% block page_content %}
<div class="row display ltext">
<h2>1. Motivation</h2>
- <p>This project aims to study drug-resistant microorganisms in the ocean, and we have designed a portable marine drug-resistant microorganism detector for this field. Currently, there are testing tools such as enzyme markers, but these devices are costly and large, and most of the human-machine interfaces use a computer screen to connect to them and then perform the relevant operations, which is very inconvenient. Therefore, considering several aspects such as cost, portability and easy operation process, we developed a hardware system specifically adapted to our needs. The system is relatively small, can achieve rapid detection, and the human-machine interface is friendly and easy to operate.</p>
+ <p>This project aims to study drug-resistant microorganisms in the ocean, and we have designed a portable marine
+ drug-resistant microorganism detector for this field. Currently, there are testing tools such as enzyme markers, but
+ these devices are costly and large, and most of the human-machine interfaces use a computer screen to connect to
+ them and then perform the relevant operations, which is very inconvenient. Therefore, considering several aspects
+ such as cost, portability and easy operation process, we developed a hardware system specifically adapted to our
+ needs. The system is relatively small, can achieve rapid detection, and the human-machine interface is friendly and
+ easy to operate.</p>
<p>Full view of the instrument:</p>
<div class="opic large">
<img src="" alt="png">
</div>
<h2>2. Hardware Components</h2>
- <p>The system has 3 main modules, mainly divided into temperature regulation module, light path detection module and Android screen display module. The following shows the system block diagram.</p>
+ <p>The system has 3 main modules, mainly divided into temperature regulation module, light path detection module and
+ Android screen display module. The following shows the system block diagram.</p>
<div class="opic large">
<img src="" alt="png">
</div>
<h2 style="text-transform: capitalize;">2.1 Temperature regulation</h2>
- <p>The samples need to be tested at a constant temperature, so here we made a heating film with a rated power of 20w and attached it to the surface of the heat-conducting aluminum according to its dimensions. Using a temperature sensor, the temperature sensor is inserted directly into the thermal conductive aluminum, so it is more accurate and real-time monitoring of the internal culture temperature of the thermal conductive aluminum. Using stm32f103c8t6 master control chip, with pid algorithm to control the temperature rise and final stabilization.</p>
+ <p>The samples need to be tested at a constant temperature, so here we made a heating film with a rated power of 20w
+ and attached it to the surface of the heat-conducting aluminum according to its dimensions. Using a temperature
+ sensor, the temperature sensor is inserted directly into the thermal conductive aluminum, so it is more accurate and
+ real-time monitoring of the internal culture temperature of the thermal conductive aluminum. Using stm32f103c8t6
+ master control chip, with pid algorithm to control the temperature rise and final stabilization.</p>
<p>Special thermally conductive aluminum, heating film and temperature sensor physically connected to.</p>
<div class="opic large">
<img src="" alt="png">
</div>
- <p>Assuming that the set temperature is 37℃, after the actual test, it can be obtained that it takes 260s to rise from room temperature 28℃ to the set temperature. the overshoot after reaching the set temperature is within 0.2℃, and the final temperature can be stabilized at about 37℃ with an error of ±0.1℃. Compared with some traditional enzyme markers, the time to warm up and reach the stable temperature is faster.</p>
+ <p>Assuming that the set temperature is 37℃, after the actual test, it can be obtained that it takes 260s to rise from
+ room temperature 28℃ to the set temperature. the overshoot after reaching the set temperature is within 0.2℃, and
+ the final temperature can be stabilized at about 37℃ with an error of ±0.1℃. Compared with some traditional enzyme
+ markers, the time to warm up and reach the stable temperature is faster.</p>
<div class="opic annotation large">
<img src="" alt="png">
<p>pid algorithm to regulate the temperature</p>
@@ -35,8 +50,15 @@
</div>
<h2 style="text-transform: capitalize;">2.2 Optical path structure</h2>
- <p>At the light source end, we use led light beads, which are small in size, consume less power at the same brightness, have high luminous efficiency, fast response time, and do not exist such as mercury, lead and other environmental pollutants, known as "green light source". Optical fiber is used to transmit the light path to the bottom of the culture chamber. We use special structural components to isolate each light source, avoiding interference from the bypass.</p>
- <p>At the receiving end we use a photodiode, which transmits the generated fluorescence to the photodiode in the horizontal direction of the incubation chamber using an optical fiber. The photodiode receives the fluorescence and generates a photocurrent at the uA level, which is then detected through IV conversion, amplification circuits and A/D conversion.</p>
+ <p>At the light source end, we use led light beads, which are small in size, consume less power at the same
+ brightness, have high luminous efficiency, fast response time, and do not exist such as mercury, lead and other
+ environmental pollutants, known as "green light source". Optical fiber is used to transmit the light path to the
+ bottom of the culture chamber. We use special structural components to isolate each light source, avoiding
+ interference from the bypass.</p>
+ <p>At the receiving end we use a photodiode, which transmits the generated fluorescence to the photodiode in the
+ horizontal direction of the incubation chamber using an optical fiber. The photodiode receives the fluorescence and
+ generates a photocurrent at the uA level, which is then detected through IV conversion, amplification circuits and
+ A/D conversion.</p>
<div class="tpic">
<img src="" alt="png">
<img src="" alt="png">
@@ -55,12 +77,14 @@
<img src="" alt="png">
</div>
<h2 style="text-transform: capitalize;">2.3 Android screen display</h2>
- <p>In order to improve good user experience, we have developed a software interface based on the off-the-shelf Android screen for users to use. The workflow of the whole instrument is clear on the Android screen. </p>
+ <p>In order to improve good user experience, we have developed a software interface based on the off-the-shelf Android
+ screen for users to use. The workflow of the whole instrument is clear on the Android screen. </p>
<div class="opic large">
<img src="" alt="png">
</div>
<h2 style="text-transform: capitalize;">2.4 Equipment Demonstration</h2>
- <h3 style="text-transform: capitalize;">2.4.1 Set sample description, including sample name, incubation chamber temperature, test duration, etc.</h3>
+ <h3 style="text-transform: capitalize;">2.4.1 Set sample description, including sample name, incubation chamber
+ temperature, test duration, etc.</h3>
<div class="opic large">
<img src="" alt="png">
</div>
@@ -68,25 +92,37 @@
<div class="opic large">
<img src="" alt="png">
</div>
- <h3 style="text-transform: capitalize;">2.4.3 Temperature is reached prompting the sample to be placed in the incubation chamber.</h3>
+ <h3 style="text-transform: capitalize;">2.4.3 Temperature is reached prompting the sample to be placed in the
+ incubation chamber.</h3>
<div class="opic large">
<img src="" alt="png">
</div>
- <h3 style="text-transform: capitalize;">2.4.4 Wait for the end of the test or click the End Test button to end the process.</h3>
+ <h3 style="text-transform: capitalize;">2.4.4 Wait for the end of the test or click the End Test button to end the
+ process.</h3>
<div class="opic large">
<img src="" alt="png">
</div>
- <p>To demonstrate the feasibility of a portable marine drug-resistant microbial assay, we used standard enzyme markers for the same samples in order to compare the results.</p>
- <p>After the comparison of the results, the results of the portable marine drug-resistant microbial detector were basically consistent with those of the enzyme marker, which proved the feasibility of the portable marine drug-resistant microbial detector.</p>
+ <p>To demonstrate the feasibility of a portable marine drug-resistant microbial assay, we used standard enzyme markers
+ for the same samples in order to compare the results.</p>
+ <p>After the comparison of the results, the results of the portable marine drug-resistant microbial detector were
+ basically consistent with those of the enzyme marker, which proved the feasibility of the portable marine
+ drug-resistant microbial detector.</p>
<h2>2.5 Circuit Design</h2>
- <p>The circuit design of the portable marine drug resistance microbial detector was implemented using a PCB board, mainly with a main board and a receiver board. The off-the-shelf components are a 7" Android screen, temperature sensor, 20w heating film, Android screen for developing the software interface, after powering up, all the operations of the instrument can be realized using the buttons on the Android screen interface, and the user without any experience can fully master the operation of the instrument.</p>
- <p>The main board mainly consists of voltage conversion module, stm32f103c8t6 module, receiver board interface, Android screen interface, serial port 1 interface, STLINK interface, temperature sensor interface, heating film drive circuit.</p>
+ <p>The circuit design of the portable marine drug resistance microbial detector was implemented using a PCB board,
+ mainly with a main board and a receiver board. The off-the-shelf components are a 7" Android screen, temperature
+ sensor, 20w heating film, Android screen for developing the software interface, after powering up, all the
+ operations of the instrument can be realized using the buttons on the Android screen interface, and the user without
+ any experience can fully master the operation of the instrument.</p>
+ <p>The main board mainly consists of voltage conversion module, stm32f103c8t6 module, receiver board interface,
+ Android screen interface, serial port 1 interface, STLINK interface, temperature sensor interface, heating film
+ drive circuit.</p>
<h3 style="text-transform: capitalize;">Main board PCB:</h3>>
<div class="opic large">
<img src="" alt="png">
</div>
- <p>The receiver board mainly consists of a light source module, a photodiode module, a motherboard interface and an AD conversion module.
-Receiver board PCB front:</p>
+ <p>The receiver board mainly consists of a light source module, a photodiode module, a motherboard interface and an AD
+ conversion module.
+ Receiver board PCB front:</p>
<div class="opic large">
<img src="" alt="png">
</div>
@@ -105,7 +141,10 @@ Receiver board PCB front:</p>
<img src="" alt="png">
</div>
<h2>Future improvements</h2>
- <p>At present, the entire structure of the portable marine drug-resistant microbial detector is printed out by a 3D printer, so the printed structure will deviate slightly from the actual design of the 3D model, and the aesthetic appearance is relatively poor. The temperature sensor protrudes above the thermally conductive aluminum material, resulting in some unreasonable internal structure, but it does not affect the test.</p>
+ <p>At present, the entire structure of the portable marine drug-resistant microbial detector is printed out by a 3D
+ printer, so the printed structure will deviate slightly from the actual design of the 3D model, and the aesthetic
+ appearance is relatively poor. The temperature sensor protrudes above the thermally conductive aluminum material,
+ resulting in some unreasonable internal structure, but it does not affect the test.</p>
<p>In order to solve the above problems, we have proposed several solutions.</p>
<p>For the instrument appearance problem: the structure will be transferred to a professional foundry.</p>
<p>For the temperature sensor problem:</p>
@@ -114,294 +153,290 @@ Receiver board PCB front:</p>
<h2>The related codes is following</h2>
<h3>Temperature regulation by Pid algorithm:</h3>
- <p>void PID_Calc(void)</p>
- <p>{</p>
- <p> if(pid.Sv > 50)</p>
- <p> {</p>
- <p> pid.Sv = 50;</p>
- <p> }</p>
- <p> pid.Ek = pid.Sv - pid.Pv;</p>
- <p> if(pid.Ek > 1)</p>
- <p> {</p>
- <p> pid.OUT = pid.pwmcycle;</p>
- <p> pid.SEk = 0;</p>
- <p> pid.Ek_1 = 0;</p>
- <p> }</p>
- <p> else if(pid.Ek < -0.3)</p>
- <p> {</p>
- <p> pid.OUT = -pid.pwmcycle;</p>
- <p> pid.SEk = 0;</p>
- <p> pid.Ek_1 = 0;</p>
- <p> }</p>
- <p> else</p>
- <p> {</p>
- <p> pid.SEk += pid.Ek;</p>
- <p> DelEk = pid.Ek - pid.Ek_1;</p>
- <p> pid.Ek_1 = pid.Ek;</p>
- <p> pid.Pout = pid.Kp * pid.Ek;</p>
- <p> pid.Iout = pid.Ki * pid.SEk;</p>
- <p> pid.Dout = pid.Kd * DelEk;</p>
- <p> pid.out = pid.Pout + pid.Iout + pid.Dout;</p>
- <p> if(pid.out > pid.pwmcycle)</p>
- <p> {</p>
- <p> pid.OUT = pid.pwmcycle;</p>
- <p> }</p>
- <p> else if(pid.out < -pid.pwmcycle)</p>
- <p> {</p>
- <p> pid.OUT = -pid.pwmcycle;</p>
- <p> }</p>
- <p> else</p>
- <p> {</p>
- <p> pid.OUT = pid.out;</p>
- <p> }</p>
- <p> }</p>
- <p>}</p>
- <p></p>
+ <code>
+ void PID_Calc(void){
+ if (pid.Sv > 50) {
+ pid.Sv = 50;
+ }
+ pid.Ek = pid.Sv - pid.Pv;
+
+ if (pid.Ek > 1) {
+ pid.OUT = pid.pwmcycle;
+ pid.SEk = 0;
+ pid.Ek_1 = 0;
+ }
+
+ else if (pid.Ek < -0.3) {
+ pid.OUT = -pid.pwmcycle;
+ pid.SEk = 0;
+ pid.Ek_1 = 0;
+ }
+
+ else {
+ pid.SEk += pid.Ek;
+ DelEk = pid.Ek - pid.Ek_1;
+ pid.Ek_1 = pid.Ek;
+ pid.Pout = pid.Kp * pid.Ek;
+ pid.Iout = pid.Ki * pid.SEk;
+ pid.Dout = pid.Kd * DelEk;
+ pid.out = pid.Pout + pid.Iout + pid.Dout;
+
+ if (pid.out > pid.pwmcycle) {
+ pid.OUT = pid.pwmcycle;
+ }
+ else if (pid.out < -pid.pwmcycle) {
+ pid.OUT = -pid.pwmcycle;
+ }
+ else {
+ pid.OUT = pid.out;
+ }
+ }
+ }
+ </code>
<h3 style="text-transform: capitalize;">The control code for the MCU is:</h3>
- <p>void sys_initial(void){</p>
- <p> delay_init();</p>
- <p> LED_GPIO_Config();</p>
- <p> DS18B20_Init();</p>
- <p> PID_Init(500, 3, 16000, DEFAULT_TEMP);</p>
- <p> Isr_Init();</p>
- <p> USART1_Config();</p>
- <p> USART2_Config();</p>
- <p> PIDOUT_Init();</p>
- <p> TIM3_Init();</p>
- <p> TIM2_Init();</p>
- <p> TIM4_Init();</p>
- <p> TWI_Initialize();</p>
- <p> //IWDG_Init(6,125);</p>
- <p>}</p>
- <p></p>
- <p></p>
- <p>void TIM3_IRQHandler() //500ms</p>
- <p>{</p>
- <p> static int sesc, sesc1;</p>
- <p> u8 st;</p>
- <p> st = TIM_GetFlagStatus(TIM3, TIM_IT_Update);</p>
- <p> if(st != 0)</p>
- <p> {</p>
- <p> sesc++;</p>
- <p> sesc1++;</p>
- <p> TIM_ClearITPendingBit(TIM3, TIM_IT_Update);</p>
- <p> read=read+1;</p>
- <p> ReadTemp_flag = 1;</p>
- <p> DS18B20_Get_Temp();</p>
- <p> while(ReadTemp_flag == 0)</p>
- <p> {</p>
- <p> ReadTemp_flag = 1;</p>
- <p> DS18B20_Get_Temp();</p>
- <p> }</p>
- <p> ReadTemp_flag = 0;</p>
- <p> PID_Calc();</p>
- <p> PID_out();</p>
- <p> if(sesc>6)</p>
- <p> {</p>
- <p> send_temp();</p>
- <p> sesc=0;</p>
- <p> }</p>
- <p> if(sesc1>9){</p>
- <p> printf("%f\r\n",pid.Pv);</p>
- <p> sesc1=0;</p>
- <p> }</p>
- <p> }</p>
- <p>}</p>
- <p></p>
- <p></p>
- <p>void TIM4_IRQHandler(){</p>
- <p> u16 len=0;</p>
- <p> u8 j;</p>
- <p> if(TIM_GetITStatus(TIM4,TIM_IT_Update)!=RESET){</p>
- <p> if(testMode==1){</p>
- <p> pwmValueCheck();</p>
- <p> FLASH_Unlock();</p>
- <p> STMFLASH_Erase(PWM_SAVE_ADDR); STMFLASH_Write(PWM_SAVE_ADDR,(u16*)&pwm_value,sizeof(pwm_value)/2);</p>
- <p> FLASH_Lock();</p>
- <p> testMode=2;</p>
- <p> }</p>
- <p> TIM_ClearITPendingBit(TIM4,TIM_IT_Update);</p>
- <p> }</p>
- <p> return;</p>
- <p></p>
- <p>}</p>
- <p></p>
- <p></p>
- <p>void TIM2_IRQHandler(){</p>
- <p> static int sesc1,sesc2;</p>
- <p> int i;</p>
- <p> if(TIM_GetITStatus(TIM2, TIM_IT_Update) != RESET){</p>
- <p> sesc1++;</p>
- <p> if(sesc1>500&&(first==1||done==1)){</p>
- <p> send_temp();</p>
- <p> done=0;</p>
- <p> sesc1=0;</p>
- <p> sendAdc();</p>
- <p> }</p>
- <p> if(sesc2>10){</p>
- <p> if(testMode){</p>
- <p> pwmValueCheck();</p>
- <p> for(i=0;i<16;i++){</p>
- <p> Usart_SendODData(USART2 ,0xF1 ,(0xB1<<8|i), adcTemp[i]);</p>
- <p> }</p>
- <p> FLASH_Unlock();</p>
- <p> STMFLASH_Erase(PWM_SAVE_ADDR); STMFLASH_Write(PWM_SAVE_ADDR,(u16*)&pwm_value,sizeof(pwm_value)/2);</p>
- <p> FLASH_Lock();</p>
- <p> Usart_SendODData(USART2 ,0xF1 ,0xB300, 0x0000);</p>
- <p> testMode = 0;</p>
- <p> }</p>
- <p> }</p>
- <p> }</p>
- <p> TIM_ClearITPendingBit(TIM2, TIM_IT_Update);</p>
- <p>}</p>
- <p></p>
- <p>void sendAdc(void){</p>
- <p> int i;</p>
- <p> if(Ready_status ==1){</p>
- <p> first=0;</p>
- <p> getAdcValue();</p>
- <p> for(i=0;i<16;i++){</p>
- <p> Usart_SendODData(USART2,i,0x0001,adcValue[i]);</p>
- <p> }</p>
- <p> }</p>
- <p>}</p>
- <p></p>
- <p></p>
- <p>void send_temp(void){</p>
- <p></p>
- <p> u16 temp_h;</p>
- <p> temp_h =pid.Pv*100;</p>
- <p> Usart_SendODData(USART2,0xF1,0x7000,temp_h);</p>
- <p> if(fabs(pid.Pv-pid.Sv)<=0.2&&temp_set==1){</p>
- <p> Usart_SendODData(USART2,0xF1,0x9000,0);</p>
- <p> temp_set=0;</p>
- <p> }</p>
- <p>}</p>
- <p>void USART2_IRQHandler(void){</p>
- <p> if (ReadTemp_flag==1){</p>
- <p> ReadTemp_flag=0;</p>
- <p> }</p>
- <p> if(USART_GetITStatus(USART2, USART_IT_RXNE) != RESET){</p>
- <p> save[i] = USART_ReceiveData(USART2);</p>
- <p> if (save[0] == 0x36){</p>
- <p> if(i<=len){</p>
- <p> check ^= save[i];</p>
- <p> }</p>
- <p> i++;</p>
- <p> }</p>
- <p></p>
- <p> if(i>=len+3){</p>
- <p>if((check == save[len + 1]) && (save[0] == 0x36) && (save[len + 2] == 0xFF) && (save[1] == 0xF1)){</p>
- <p> key = save[2];</p>
- <p> switch(key){</p>
- <p> case 0x03:</p>
- <p>{</p>
- <p> Usart_SendODData(USART2,0xF1 ,0x3000,0x0000); }break;</p>
- <p> case 0x04:{</p>
- <p> pid.Sv=0;</p>
- <p> S_status = 0;</p>
- <p> Ready_status = 0;</p>
- <p> testMode=0;
- <p> first=1;</p>
- <p>Usart_SendODData(USART2, 0xF1, 0x4000, 0x0000);}break;</p>
- <p> case 0x05:{</p>
- <p>Usart_SendODData(USART2, 0xF1, 0x5000, 0x0000);</p>
- <p> delay_ms(10);</p>
- <p> SoftReset();</p>
- <p> }break;</p>
- <p> case 0x08:{</p>
- <p> pid.Sv = save[3];</p>
- <p> temp_set=1;</p>
- <p> Usart_SendODData(USART2, 0xF1, 0x8000, 0x0000)</p>;
- <p> }break;</p>
- <p></p>
- <p> case 0x09:{</p>
- <p> Ready_status=1;</p>
- <p> }break;</p>
- <p> case 0x0a:{</p>
- <p> }break;</p>
- <p> case 0x0c:{</p>
- <p> testMode=1; Usart_SendODData(USART2,0xF1,0xc000,0x0000);</p>
- <p> }break;</p>
- <p> case 0x0b:{</p>
- <p> }break;</p>
- <p></p>
- <p> }</p>
- <p> }</p>
- <p> i=0;</p>
- <p> for(n=0;n<=len+2;n++){</p>
- <p> save[n]=0;</p>
- <p> }</p>
- <p> check=0;</p>
- <p> }</p>
- <p> }</p>
- <p>}</p>
- <p></p>
- <p></p>
- <p>void SoftReset(void)</p>
- <p>{</p>
- <p> __set_FAULTMASK(1);</p>
- <p> NVIC_SystemReset();</p>
- <p>}</p>
- <p></p>
- <p>void Usart_SendODData( USART_TypeDef * pUSARTx, uint8_t ch, uint16_t ch1, uint16_t ch2)</p>
- <p>{</p>
- <p> uint8_t temp1_h, temp1_l, temp2_h, temp2_l;</p>
- <p> uint8_t a[12] = {0}, check = 0x36, i = 0;</p>
- <p> a[0] = ch;</p>
- <p> temp1_h = (ch1 & 0XFF00) >> 8;</p>
- <p> a[1] = temp1_h;</p>
- <p> temp1_l = ch1 & 0XFF;</p>
- <p> a[2] = temp1_l;</p>
- <p> temp2_h = (ch2 & 0XFF00) >> 8;</p>
- <p> a[3] = temp2_h;</p>
- <p> temp2_l = ch2 & 0XFF;</p>
- <p> a[4] = temp2_l;</p>
- <p> Usart_Send_Byte( pUSARTx, 0x36);</p>
- <p></p>
- <p> for( i = 0; i < 5; i++ )</p>
- <p> {</p>
- <p> Usart_Send_Byte( pUSARTx, a[i]);</p>
- <p> check ^= a[i];</p>
- <p> }</p>
-
- <p> Usart_Send_Byte( pUSARTx, check);</p>
- <p>Usart_Send_Byte( pUSARTx, 0xFF);</p>
- <p>}</p>
- <p></p>
- <p>void USART2_Config(void){</p>
- <p> GPIO_InitTypeDef GPIO_InitStructure;</p>
- <p> USART_InitTypeDef USART_InitStructure;</p>
- <p>RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOA|RCC_APB2Periph_USART1,ENABLE);</p>
- <p> GPIO_InitStructure.GPIO_Pin =GPIO_Pin_2;</p>
- <p> GPIO_InitStructure.GPIO_Mode = GPIO_Mode_AF_PP;</p>
- <p> GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;</p>
- <p> GPIO_Init(GPIOA, &GPIO_InitStructure);</p>
- <p> GPIO_InitStructure.GPIO_Pin = GPIO_Pin_3;</p>
- <p> GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IN_FLOATING;</p>
- <p> GPIO_Init(GPIOA, &GPIO_InitStructure);</p>
- <p> USART_InitStructure.USART_BaudRate = 115200;</p>
- <p> USART_InitStructure.USART_WordLength = USART_WordLength_8b;</p>
- <p> USART_InitStructure.USART_StopBits = USART_StopBits_1;</p>
- <p> USART_InitStructure.USART_Parity = USART_Parity_No ;</p>
- <p> USART_InitStructure.USART_HardwareFlowControl = USART_HardwareFlowControl_None;</p>
- <p> USART_InitStructure.USART_Mode=USART_Mode_Rx|USART_Mode_Tx;</p>
- <p> USART_Init(USART2, &USART_InitStructure);</p>
- <p> NVIC_Configuration();</p>
- <p> USART_ITConfig(USART2, USART_IT_RXNE, ENABLE);</p>
- <p> USART_Cmd(USART2, ENABLE);</p>
- <p>}</p>
- <p></p>
- <p>static void NVIC_Configuration(void)</p>
- <p>{</p>
- <p> NVIC_InitTypeDef NVIC_InitStructure;</p>
- <p>NVIC_PriorityGroupConfig(NVIC_PriorityGroup_2);</p>
- <p>NVIC_InitStructure.NVIC_IRQChannel = USART2_IRQn;</p>
- <p>NVIC_InitStructure.NVIC_IRQChannelPreemptionPriority = 0;</p>
- <p>NVIC_InitStructure.NVIC_IRQChannelSubPriority = 2;</p>
- <p>NVIC_InitStructure.NVIC_IRQChannelCmd = ENABLE;</p>
- <p>NVIC_Init(&NVIC_InitStructure);</p>
- <p>}</p>
+ <code>
+ void sys_initial(void){
+ delay_init();
+ LED_GPIO_Config();
+ DS18B20_Init();
+ PID_Init(500, 3, 16000, DEFAULT_TEMP);
+ Isr_Init();
+ USART1_Config();
+ USART2_Config();
+ PIDOUT_Init();
+ TIM3_Init();
+ TIM2_Init();
+ TIM4_Init();
+ TWI_Initialize();
+ //IWDG_Init(6,125);
+ }
+
+ void TIM3_IRQHandler() //500ms
+ {
+ static int sesc, sesc1;
+ u8 st;
+ st = TIM_GetFlagStatus(TIM3, TIM_IT_Update);
+ if (st != 0) {
+ sesc++;
+ sesc1++;
+ TIM_ClearITPendingBit(TIM3, TIM_IT_Update);
+ read = read + 1;
+ ReadTemp_flag = 1;
+ DS18B20_Get_Temp();
+ while (ReadTemp_flag == 0) {
+ ReadTemp_flag = 1;
+ DS18B20_Get_Temp();
+ }
+
+ ReadTemp_flag = 0;
+ PID_Calc();
+ PID_out();
+ if (sesc > 6) {
+ send_temp();
+ sesc = 0;
+ }
+
+ if (sesc1 > 9) {
+ printf("%f\r\n", pid.Pv);
+ sesc1 = 0;
+ }
+ }
+ }
+
+ void TIM4_IRQHandler(){
+ u16 len = 0;
+ u8 j;
+ if (TIM_GetITStatus(TIM4, TIM_IT_Update) != RESET) {
+ if (testMode == 1) {
+ pwmValueCheck();
+ FLASH_Unlock();
+ STMFLASH_Erase(PWM_SAVE_ADDR); STMFLASH_Write(PWM_SAVE_ADDR, (u16 *) & pwm_value, sizeof(pwm_value) / 2);
+ FLASH_Lock();
+ testMode = 2;
+ }
+ TIM_ClearITPendingBit(TIM4, TIM_IT_Update);
+ }
+ return;
+ }
+
+ void TIM2_IRQHandler(){
+ static int sesc1, sesc2;
+ int i;
+ if (TIM_GetITStatus(TIM2, TIM_IT_Update) != RESET) {
+ sesc1++;
+ if (sesc1 > 500 && (first == 1 || done == 1)) {
+ send_temp();
+ done = 0;
+ sesc1 = 0;
+ sendAdc();
+ }
+
+ if (sesc2 > 10) {
+ if (testMode) {
+ pwmValueCheck();
+ for (i = 0; i < 16; i++) {
+ Usart_SendODData(USART2, 0xF1, (0xB1 << 8 | i), adcTemp[i]);
+ }
+ FLASH_Unlock();
+ STMFLASH_Erase(PWM_SAVE_ADDR); STMFLASH_Write(PWM_SAVE_ADDR, (u16 *) & pwm_value, sizeof(pwm_value) / 2);
+ FLASH_Lock();
+ Usart_SendODData(USART2, 0xF1, 0xB300, 0x0000);
+ testMode = 0;
+
+ }
+ }
+ }
+ TIM_ClearITPendingBit(TIM2, TIM_IT_Update);
+ }
+
+ void sendAdc(void){
+ int i;
+ if (Ready_status == 1) {
+ first = 0;
+ getAdcValue();
+ for (i = 0; i < 16; i++) {
+ Usart_SendODData(USART2, i, 0x0001, adcValue[i]);
+ }
+ }
+ }
+
+ void send_temp(void){
+ u16 temp_h;
+ temp_h = pid.Pv * 100;
+ Usart_SendODData(USART2, 0xF1, 0x7000, temp_h);
+ if (fabs(pid.Pv - pid.Sv) <= 0.2 && temp_set == 1) {
+ Usart_SendODData(USART2, 0xF1, 0x9000, 0);
+ temp_set = 0;
+ }
+ }
+
+ void USART2_IRQHandler(void){
+ if (ReadTemp_flag == 1) {
+ ReadTemp_flag = 0;
+ }
+
+ if (USART_GetITStatus(USART2, USART_IT_RXNE) != RESET) {
+ save[i] = USART_ReceiveData(USART2);
+ if (save[0] == 0x36) {
+ if (i <= len) {
+ check ^= save[i];
+ }
+ i++;
+ }
+
+ if (i >= len + 3) {
+ if ((check == save[len + 1]) && (save[0] == 0x36) && (save[len + 2] == 0xFF) && (save[1] == 0xF1)) {
+ key = save[2];
+ switch (key) {
+ case 0x03:
+ {
+ Usart_SendODData(USART2, 0xF1, 0x3000, 0x0000);
+ } break;
+ case 0x04: {
+ pid.Sv = 0;
+ S_status = 0;
+ Ready_status = 0;
+ testMode = 0;
+ first = 1;
+ Usart_SendODData(USART2, 0xF1, 0x4000, 0x0000);
+ } break;
+
+ case 0x05: {
+ Usart_SendODData(USART2, 0xF1, 0x5000, 0x0000);
+ delay_ms(10);
+ SoftReset();
+ } break;
+
+ case 0x08: {
+ pid.Sv = save[3];
+ temp_set = 1;
+ Usart_SendODData(USART2, 0xF1, 0x8000, 0x0000);
+ } break;
+
+ case 0x09: {
+ Ready_status = 1;
+ } break;
+ case 0x0a: {
+ } break;
+ case 0x0c: {
+ testMode = 1; Usart_SendODData(USART2, 0xF1, 0xc000, 0x0000);
+ } break;
+ case 0x0b: {
+ } break;
+ }
+ }
+ i = 0;
+ for (n = 0; n <= len + 2; n++) {
+ save[n] = 0;
+ }
+ check = 0;
+ }
+ }
+ }
+
+ void SoftReset(void)
+ {
+ __set_FAULTMASK(1);
+ NVIC_SystemReset();
+ }
+
+ void Usart_SendODData(USART_TypeDef * pUSARTx, uint8_t ch, uint16_t ch1, uint16_t ch2)
+ {
+ uint8_t temp1_h, temp1_l, temp2_h, temp2_l;
+ uint8_t a[12] = { 0}, check = 0x36, i = 0;
+ a[0] = ch;
+ temp1_h = (ch1 & 0XFF00) >> 8;
+ a[1] = temp1_h;
+ temp1_l = ch1 & 0XFF;
+ a[2] = temp1_l;
+ temp2_h = (ch2 & 0XFF00) >> 8;
+ a[3] = temp2_h;
+ temp2_l = ch2 & 0XFF;
+ a[4] = temp2_l;
+ Usart_Send_Byte(pUSARTx, 0x36);
+ for (i = 0; i < 5; i++) {
+ Usart_Send_Byte(pUSARTx, a[i]);
+ check ^= a[i];
+ }
+
+ Usart_Send_Byte(pUSARTx, check);
+ Usart_Send_Byte(pUSARTx, 0xFF);
+ }
+
+ void USART2_Config(void){
+ GPIO_InitTypeDef GPIO_InitStructure;
+ USART_InitTypeDef USART_InitStructure;
+ RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOA | RCC_APB2Periph_USART1, ENABLE);
+ GPIO_InitStructure.GPIO_Pin = GPIO_Pin_2;
+ GPIO_InitStructure.GPIO_Mode = GPIO_Mode_AF_PP;
+ GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz;
+ GPIO_Init(GPIOA, & GPIO_InitStructure);
+ GPIO_InitStructure.GPIO_Pin = GPIO_Pin_3;
+ GPIO_InitStructure.GPIO_Mode = GPIO_Mode_IN_FLOATING;
+ GPIO_Init(GPIOA, & GPIO_InitStructure);
+ USART_InitStructure.USART_BaudRate = 115200;
+ USART_InitStructure.USART_WordLength = USART_WordLength_8b;
+ USART_InitStructure.USART_StopBits = USART_StopBits_1;
+ USART_InitStructure.USART_Parity = USART_Parity_No;
+ USART_InitStructure.USART_HardwareFlowControl = USART_HardwareFlowControl_None;
+ USART_InitStructure.USART_Mode = USART_Mode_Rx | USART_Mode_Tx;
+ USART_Init(USART2, & USART_InitStructure);
+ NVIC_Configuration();
+ USART_ITConfig(USART2, USART_IT_RXNE, ENABLE);
+ USART_Cmd(USART2, ENABLE);
+ }
+
+ static void NVIC_Configuration(void)
+ {
+ NVIC_InitTypeDef NVIC_InitStructure;
+ NVIC_PriorityGroupConfig(NVIC_PriorityGroup_2);
+ NVIC_InitStructure.NVIC_IRQChannel = USART2_IRQn;
+ NVIC_InitStructure.NVIC_IRQChannelPreemptionPriority = 0;
+ NVIC_InitStructure.NVIC_IRQChannelSubPriority = 2;
+ NVIC_InitStructure.NVIC_IRQChannelCmd = ENABLE;
+ NVIC_Init(& NVIC_InitStructure);
+ }
+ </code>
</div>
- {% endblock %}
+{% endblock %}
\ No newline at end of file
--
GitLab