From e21b30b161919d319753614287904e88b5b3322b Mon Sep 17 00:00:00 2001
From: Xinyi Zhang <1402652708@qq.com>
Date: Thu, 12 Oct 2023 22:25:20 +0800
Subject: [PATCH] attributions, description, hardware, home, hp.7, member, menu
---
static/colorlump.js | 2 +-
static/home.fade.animation.js | 4 +-
static/style.css | 61 ++-
wiki/layout.html | 6 +-
wiki/menu.html | 10 +-
wiki/pages/attributions.html | 33 +-
wiki/pages/description.html | 13 +-
wiki/pages/hardware.html | 664 +++++++++++++++++++-------------
wiki/pages/home.html | 2 +-
wiki/pages/human-practices.html | 8 +-
wiki/pages/safety.html | 118 ------
wiki/pages/team.html | 596 +++++++++++++++-------------
12 files changed, 778 insertions(+), 739 deletions(-)
delete mode 100644 wiki/pages/safety.html
diff --git a/static/colorlump.js b/static/colorlump.js
index a95cc34..f974fdc 100644
--- a/static/colorlump.js
+++ b/static/colorlump.js
@@ -254,7 +254,7 @@ $(document).ready(function () {
$("#ins-2").toggleClass("hide");
}
);
- $("#mar1").hover(
+ $("#mar-1").hover(
function () {
$("#mar-2").toggleClass("hide");
},
diff --git a/static/home.fade.animation.js b/static/home.fade.animation.js
index a7ab3bf..1dea824 100644
--- a/static/home.fade.animation.js
+++ b/static/home.fade.animation.js
@@ -11,12 +11,12 @@ $(document).ready(function () {
$(".QS").hover(
function () {
$(".QS img").attr({
- src: "https://static.igem.wiki/teams/4583/wiki/team/home-pic-01a.png",
+ src: "https://static.igem.wiki/teams/4583/wiki/team/home-pic-01b.png",
});
},
function () {
$(".QS img").attr({
- src: "https://static.igem.wiki/teams/4583/wiki/team/home-pic-01b.png",
+ src: "https://static.igem.wiki/teams/4583/wiki/team/home-pic-01a.png",
});
}
);
diff --git a/static/style.css b/static/style.css
index 3dbc974..e7c4372 100644
--- a/static/style.css
+++ b/static/style.css
@@ -72,6 +72,14 @@ nav {
height: 60px;
width: auto;
}
+@media screen and (max-width: 777px) {
+ .navbar-brand img {
+ height: 50px;
+ }
+ .nav-item {
+ background-color: darkcyan;
+ }
+}
.nav-item {
padding-left: 1.25vw;
padding-right: 1.25vw;
@@ -521,6 +529,7 @@ figcaption {
justify-content: end;
grid-auto-flow: column;
}
+
#gradient-phb {
display: grid;
justify-content: center;
@@ -591,6 +600,26 @@ b#grd-white {
padding-right: 4%;
text-align: end;
}
+
+@media screen and (max-width: 777px) {
+ .nav-item {
+ height: 10vh;
+ }
+ .nav-item a {
+ text-align: center !important;
+ }
+ .dropdown-menu {
+ min-width: 50vw;
+ }
+
+ #gradient-phb {
+ opacity: 0;
+ }
+
+ .gradient-text {
+ width: 100vw;
+ }
+}
/***** Introduction *****/
.wrapper-introduction {
position: relative;
@@ -1321,33 +1350,6 @@ figcaption {
/***************************
Hardware
**************************/
-
-.table-hw tr {
- border-style: none;
-}
-
-.table-hw th {
- font-family: "Chillax-Semibold";
- font-size: 4vh;
- color: white;
- text-align: center;
- background-color: #33cc99;
- padding: 1rem;
-}
-
-.table-hw td {
- font-family: "Chillax-Regular";
- font-size: 3vh;
- padding: 1rem;
-}
-
-.table-hw .green td {
- font-family: "Chillax-Regular";
- font-size: 3vh;
- background-color: #eafaf7;
- padding: 1rem;
-}
-
.blacktext li {
color: #030511;
font-family: "Chillax-Regular";
@@ -1578,10 +1580,7 @@ a#rig:hover {
#loading-center-absolute {
position: absolute;
- left: 50%;
- top: 50%;
- height: 100%;
- width: 100%;
+ height: 100vh;
margin-top: -100px;
margin-left: -100px;
}
diff --git a/wiki/layout.html b/wiki/layout.html
index fb74d0b..5df2551 100644
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -25,8 +25,8 @@
<div id="loading-center">
<div id="loading-center-absolute">
<img
- src="https://static.igem.wiki/teams/4583/wiki/team/loading.gif"
- height="30%"
+ src="https://static.igem.wiki/teams/4583/wiki/team/loading22.gif"
+ width="100%"
background-color="#4510"
/>
</div>
@@ -34,7 +34,7 @@
</div>
<title>{% block title %}{% endblock %} | SDU-CHINA - iGEM 2023</title>
</head>
- <body>
+ <body class="over-h">
<!-- Navigation -->
{% include 'menu.html' %}
diff --git a/wiki/menu.html b/wiki/menu.html
index fe0f683..13a7112 100644
--- a/wiki/menu.html
+++ b/wiki/menu.html
@@ -85,7 +85,7 @@
<a
class="dropdown-item"
href="{{ url_for('pages', page='plant') }}"
- >Design</a
+ >Parts</a
>
</li>
<div class="divider"></div>
@@ -112,14 +112,6 @@
>Results</a
>
</li>
- <div class="divider"></div>
- <li>
- <a
- class="dropdown-item"
- href="{{ url_for('pages', page='safety') }}"
- >Safety</a
- >
- </li>
</ul>
</li>
<!---- DRYLAB ---->
diff --git a/wiki/pages/attributions.html b/wiki/pages/attributions.html
index 54565d6..0cf007e 100644
--- a/wiki/pages/attributions.html
+++ b/wiki/pages/attributions.html
@@ -26,37 +26,16 @@ wiki.{% endblock %} {% block header %}
<div class="wrapper-inp bg-model">
<div class="row">
<div class="col-md-2 sidenav-wrapper">
- <div class="sidenav">
- <p>11111</p>
- <p>2222</p>
- <p>13333</p>
- </div>
+ <div class="sidenav"></div>
<div id="progress-container">
<div id="progress-bar"></div>
</div>
</div>
- <div class="col-sm-9 wiki-content">
- <h4>Bronze Medal Criterion #2</h4>
- <p>
- Describe what work your team members did and what other people did for
- your project.
- </p>
- <p>
- The form that bas been embded in an iframe in this page shows your
- team's Project Attribution form. This page must keep the form as it is.
- </p>
- <p>
- If you use a different website framework, make sure to embed the right
- URL for your team's form.
- </p>
- <hr />
- <p>
- Please see the
- <a href="https://competition.igem.org/deliverables/project-attribution"
- >Project Attribution page</a
- >
- for more information.
- </p>
+ <div
+ class="col-sm-9 wiki-content"
+ style="font-size: 5vh; text-align: center"
+ >
+ <p><b>Attribution Form</b></p>
</div>
</div>
</div>
diff --git a/wiki/pages/description.html b/wiki/pages/description.html
index 16e317f..d7f20ed 100644
--- a/wiki/pages/description.html
+++ b/wiki/pages/description.html
@@ -20,6 +20,9 @@
img {
max-width: -webkit-fill-available;
}
+ .table-wrapper {
+ padding-left: 6%;
+ }
</style>
<div class="wrapper-inp bg-dsc">
<div class="row">
@@ -498,8 +501,10 @@
</div>
</div>
</div>
- <!-- Inside Pages -->
- <script src="{{ url_for('static', filename = 'inside.pages.js')}}"></script>
-
- {% endblock %}
</div>
+<!-- Inside Pages -->
+<script src="{{ url_for('static', filename = 'jquery-3.7.0.min.js')}}"></script>
+<script src="{{ url_for('static', filename = 'inside.pages.js')}}"></script>
+<script src="{{ url_for('static', filename = 'colorlump.js')}}"></script>
+
+{% endblock %}
diff --git a/wiki/pages/hardware.html b/wiki/pages/hardware.html
index 29a534a..40ad290 100644
--- a/wiki/pages/hardware.html
+++ b/wiki/pages/hardware.html
@@ -26,7 +26,8 @@ block header %}
.hardware img {
display: block;
- margin: 0 auto
+ margin: 0 auto;
+ text-align: center;
}
</style>
<div class="wrapper-inp bg-model">
@@ -66,20 +67,47 @@ block header %}
</div>
<div>
<p>
- About <b>a glucose automatic monitoring and supplementation system based on human-computer interaction</b>!
- We have designed a glucose automatic monitoring and supplementation system based on STM32, which can
- accurately and
- timely achieve glucose supplementation.
+ About
+ <b
+ >a glucose automatic monitoring and supplementation system based
+ on human-computer interaction</b
+ >!
</p>
</div>
<div class="row">
<div class="col">
- <img src="https://static.igem.wiki/teams/4583/wiki/hardware/01.png" alt="" width="80%">
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/01.png"
+ alt=""
+ width="80%"
+ />
</div>
<div class="col">
- <img src="https://static.igem.wiki/teams/4583/wiki/hardware/02.png" alt="" width="100%">
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/02.png"
+ alt=""
+ width="100%"
+ />
</div>
</div>
+ <div>
+ <p>
+ We designed an automatic glucose monitoring and replenishment system
+ based on STM32, which can accurately and promptly replenish glucose.
+ This feeding system can anticipate changes in glucose concentration
+ through modeling, preventing the glucose level from dropping too
+ low! The system also offers a visual display of the glucose signals,
+ providing an intuitive understanding of the concentration levels!
+ Moreover, the feeding system can connect to our custom-designed
+ software via a WIFI module, enabling cloud-based control!
+ </p>
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/hw-1.png"
+ alt="Fig.1"
+ width="80%"
+ style="display: block; margin: 0 auto"
+ />
+ </div>
</div>
<!-- 01 Design Background -->
<div>
@@ -91,30 +119,48 @@ block header %}
</div>
<div class="row">
<p>
- Currently, there is a problem of <b>excessive labor costs</b>in the production process of biodegradable
- plastics. The manufacturing process of biodegradable plastics requires the
- use of <b>specific microorganisms</b> to degrade the plastic materials. These microorganisms need to be
- cultivated and maintained under specific environmental conditions, including regular supplementation of
- glucose and other nutrients to maintain their optimal
- growth state, which requires <b>specialized personnel</b>for monitoring and operation. Microorganisms
- require energy during the process of degrading plastics, and glucose is a
- commonly used energy supplement. Regular supplementation of glucose is necessary to maintain the
- microorganisms' good
- growth. In addition to the above reasons, there may be other factors contributing to the excessive labor
- costs, such as
- equipment maintenance and cleaning, quality control, and other related tasks. All these factors require
- human
- involvement, thereby <b>increasing the labor costs</b>in the production process.
+ Currently, there is a problem of <b>excessive labor costs</b>in the
+ production process of biodegradable plastics. The manufacturing
+ process of biodegradable plastics requires the use of
+ <b>specific microorganisms</b> to degrade the plastic materials.
+ These microorganisms need to be cultivated and maintained under
+ specific environmental conditions, including regular supplementation
+ of glucose and other nutrients to maintain their optimal growth
+ state, which requires <b>specialized personnel</b>for monitoring and
+ operation. Microorganisms require energy during the process of
+ degrading plastics, and glucose is a commonly used energy
+ supplement. Regular supplementation of glucose is necessary to
+ maintain the microorganisms' good growth. In addition to the above
+ reasons, there may be other factors contributing to the excessive
+ labor costs, such as equipment maintenance and cleaning, quality
+ control, and other related tasks. All these factors require human
+ involvement, thereby <b>increasing the labor costs</b>in the
+ production process.
</p>
<p>
- In this control system,<b>precise control</b> of the glucose supplementation is achieved through
- <b>microcontroller hardware control</b>, based on the requirements of the microorganisms.
- This avoids situations of excessive or
- insufficient glucose supply, optimizing resource utilization, reducing waste, and improving production
- efficiency and economic benefits.Additionally, <b>monitoring through an app software</b> reduces
- the need for manual intervention and monitoring,thereby reducing labor costs and workload, and improving
- work efficiency.
+ In this control system,<b>precise control</b> of the glucose
+ supplementation is achieved through
+ <b>microcontroller hardware control</b>, based on the requirements
+ of the microorganisms. This avoids situations of excessive or
+ insufficient glucose supply, optimizing resource utilization,
+ reducing waste, and improving production efficiency and economic
+ benefits.Additionally,
+ <b>monitoring through an app software</b> reduces the need for
+ manual intervention and monitoring,thereby reducing labor costs and
+ workload, and improving work efficiency.
</p>
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/hw-2.png"
+ alt="Fig.2"
+ width="50%"
+ style="display: block; margin: 0 auto"
+ />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/hw-6.png"
+ alt="Fig.2"
+ width="50%"
+ style="display: block; margin: 0 auto"
+ />
</div>
</div>
<!-- 02 Project Design -->
@@ -131,140 +177,204 @@ block header %}
<li>A. General Design</li>
</ul>
<p>
- The core of this system is the <b>STM32F103RCT6 microcontroller</b>, which consists of a power module, motor
- driver module, OLED display module, WIFI module, and glucose detection module.
- The power module includes a 12V battery and a voltage regulator module, which provides power to the motor
- driver module
- and the microcontroller. The motor driver module uses the BTN7971 high-power driver chip to form an H-bridge
- driver
- module, which works in conjunction with the STM32 core board to control the operation of the DC motor and
- achieve PWM
- software speed control. The motor speed is controlled by changing the duty cycle, and the glucose
- supplementation rate
- is controlled through PID control algorithm, achieving closed-loop control of the motor. The WIFI module
- uses ESP8266,
- which communicates with the main controller via serial communication to provide feedback information and
- <b>enable precise control of glucose supplementation</b> based on the requirements of the microorganisms.
+ The core of this system is the <b>STM32F103RCT6 microcontroller</b>,
+ which consists of a power module, motor driver module, OLED display
+ module, WIFI module, and glucose detection module. The power module
+ includes a 12V battery and a voltage regulator module, which
+ provides power to the motor driver module and the microcontroller.
+ The motor driver module uses the BTN7971 high-power driver chip to
+ form an H-bridge driver module, which works in conjunction with the
+ STM32 core board to control the operation of the DC motor and
+ achieve PWM software speed control. The motor speed is controlled by
+ changing the duty cycle, and the glucose supplementation rate is
+ controlled through PID control algorithm, achieving closed-loop
+ control of the motor. The WIFI module uses ESP8266, which
+ communicates with the main controller via serial communication to
+ provide feedback information and
+ <b>enable precise control of glucose supplementation</b> based on
+ the requirements of the microorganisms.
+ </p>
+ <p>
+ In this control system, the battery voltage is continuously
+ monitored in real-time using a voltage meter controlled by a
+ microcontroller. The amount of glucose supplementation is precisely
+ controlled based on the needs of microorganisms, avoiding situations
+ of excessive or insufficient supply. The sensor current is amplified
+ through an amplification circuit and then input into the
+ microcontroller via an A/D conversion module. After data processing
+ by the microcontroller, the glucose content in the fermentation tank
+ is displayed on an OLED screen, and the motor driving the glucose
+ supplementation is controlled based on the glucose content to ensure
+ timely supplementation. Additionally, the data is uploaded to an IoT
+ platform through an ESP8266 WIFI module, allowing real-time
+ monitoring of the glucose content in the fermentation tank through a
+ mobile app. This system reduces the need for manual intervention and
+ monitoring, thereby lowering labor costs and reducing labor
+ intensity, while improving work efficiency.
</p>
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/hw-7.png"
+ alt="Fig.2"
+ width="50%"
+ style="display: block; margin: 0 auto"
+ />
</div>
<div class="row">
<ul class="gd-t2 nosqr">
<a name="B"> <br /></a>
<li>B. The Hardware Circuit Design</li>
</ul>
- <P>
- The hardware circuit of this design adopts a <b>modular design approach</b>, with the STM32F103RCT6
- microcontroller
- as the main
- control chip. It consists of a power module, motor driver module, OLED display module, WIFI module, and
- glucose
- detection module.
- </P>
+ <p>
+ The hardware circuit of this design adopts a
+ <b>modular design approach</b>, with the STM32F103RCT6
+ microcontroller as the main control chip. It consists of a power
+ module, motor driver module, OLED display module, WIFI module, and
+ glucose detection module.
+ </p>
<ul class="gd-t3 nosqr">
<a name="MCB"> <br /></a>
<li>(1) Main Control Board</li>
</ul>
- <P>
- <b>The main control board</b>integrates the minimum system of the microcontroller. The main control board is
- connected to the peripheral modules
- using ribbon cables and power lines, ensuring a stable connection. The main control board is equipped with
- user buttons,
- LEDs, OLED displays, and other components for <b>monitoring</b>the system's operating status. The main board
- also has a wireless serial port interface, allowing easy connection to a
- computer for <b>remote viewing of system status information </b>and <b>online debugging</b>.
- </P>
- <img src="https://static.igem.wiki/teams/4583/wiki/hardware/schematic-of-mainboard-circuit.png"
- alt="schematic-of-mainboard-circuit" width="90%" style="display: block; margin: 0 auto">
- <figcaption>
- <b>Fig.1 |</b>schematic-of-mainboard-circuit
- </figcaption>
+ <p>
+ <b>The main control board</b>integrates the minimum system of the
+ microcontroller. The main control board is connected to the
+ peripheral modules using ribbon cables and power lines, ensuring a
+ stable connection. The main control board is equipped with user
+ buttons, LEDs, OLED displays, and other components for
+ <b>monitoring</b>the system's operating status. The main board also
+ has a wireless serial port interface, allowing easy connection to a
+ computer for <b>remote viewing of system status information </b>and
+ <b>online debugging</b>.
+ </p>
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/schematic-of-mainboard-circuit.png"
+ alt="schematic-of-mainboard-circuit"
+ width="70%"
+ style="display: block; margin: 0 auto"
+ />
+ <figcaption><b>Fig.1 |</b>schematic-of-mainboard-circuit</figcaption>
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/hw-8.png"
+ alt="schematic-of-mainboard-circuit"
+ width="70%"
+ style="display: block; margin: 0 auto"
+ />
<ul class="gd-t3 nosqr">
<a name="PM"> <br /></a>
<li>(2) Power Module</li>
</ul>
- <P>
- <b>The power supply section</b> mainly consists of an 8V to 5V DC-DC buck module, a 3.3V voltage regulator
- module, and an
- independent servo adjustable
- power circuit. The main control board includes an STM32 as the core controller, an LM2596, and an
- Ams1117-3.3 to provide
- stable 5V and 3.3V powerto the microcontroller, sensors, and other peripheral modules. The peripherals and
- microcontroller can be powered by
- either a 5V or 3.3V linear power supply. The 5V power supply not only powers the microcontroller but also
- supplies power
- to an Ams1117-3.3. The LM2596S is chosen as the 5V power supply chip, and its performance is fully capable
- of meeting
- the power requirements of all components. <b>The schematic diagram of the power module </b> is shown below.
- </P>
- <img src="https://static.igem.wiki/teams/4583/wiki/hardware/voltage-regulator-module.png"
- alt="voltage-regulator-module">
+ <p>
+ <b>The power supply section</b> mainly consists of an 8V to 5V DC-DC
+ buck module, a 3.3V voltage regulator module, and an independent
+ servo adjustable power circuit. The main control board includes an
+ STM32 as the core controller, an LM2596, and an Ams1117-3.3 to
+ provide stable 5V and 3.3V powerto the microcontroller, sensors, and
+ other peripheral modules. The peripherals and microcontroller can be
+ powered by either a 5V or 3.3V linear power supply. The 5V power
+ supply not only powers the microcontroller but also supplies power
+ to an Ams1117-3.3. The LM2596S is chosen as the 5V power supply
+ chip, and its performance is fully capable of meeting the power
+ requirements of all components.
+ <b>The schematic diagram of the power module </b> is shown below.
+ </p>
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/voltage-regulator-module.png"
+ alt="voltage-regulator-module"
+ width="80%"
+ style="display: block; margin: 0 auto"
+ />
<figcaption><b>Fig.2 |</b> Voltage Regulator Module</figcaption>
<ul class="gd-t3 nosqr">
<a name="MDM"> <br /></a>
<li>(3) Motor Driver Module</li>
</ul>
<p>
- <b>The motor driver board</b> utilizes two BTN7971 half-bridge driver chips to form an H-bridge circuit,
- offering the advantages of <b>simplicity</b> and <b> high integration</b>
- , making it reliable and convenient. <b>The driver chips are isolated from the main controller</b>
- using a 74HC244, which improves the load capacity of the main controller's IO and prevents unstable voltages
- caused by
- motor operation from adversely affecting the main controller's performance.
+ <b>The motor driver board</b> utilizes two BTN7971 half-bridge
+ driver chips to form an H-bridge circuit, offering the advantages of
+ <b>simplicity</b> and <b> high integration</b> , making it reliable
+ and convenient.
+ <b>The driver chips are isolated from the main controller</b>
+ using a 74HC244, which improves the load capacity of the main
+ controller's IO and prevents unstable voltages caused by motor
+ operation from adversely affecting the main controller's
+ performance.
</p>
<p>
- Since the motor in this design is relatively lightweight and does not have strict requirements for the
- output current of
- the motor driver, the driver circuit is composed of two BTN7971 chips to form an H-bridge circuit. By
- controlling the
- direction of current flow, the motor can be driven in both forward and reverse directions. The average
- output power of
- the motor can be adjusted by controlling the duty cycle of the input PWM signal, thereby achieving
- <b>control over the
- motor's speed.</b>
+ Since the motor in this design is relatively lightweight and does
+ not have strict requirements for the output current of the motor
+ driver, the driver circuit is composed of two BTN7971 chips to form
+ an H-bridge circuit. By controlling the direction of current flow,
+ the motor can be driven in both forward and reverse directions. The
+ average output power of the motor can be adjusted by controlling the
+ duty cycle of the input PWM signal, thereby achieving
+ <b>control over the motor's speed.</b>
</p>
<ul class="gd-t3 nosqr">
<a name="WM"> <br /></a>
<li>(4) WIFI Module</li>
</ul>
- <P>
- <b>The Bluetooth app</b> communicates with the microcontroller remotely through a WiFi module. The
- microcontroller and the WiFi module
- communicate via serial communication. In the circuit connection, the TX and RX pins of the ESP8266 module
- are connected
- to the STM32 microcontroller. AT commands are used to check if the ESP8266 module is functioning properly.
- The working
- mode of the ESP8266 module is configured, and the STA (Station) mode is selected. The serial communication
- functionality
- of the STM32 microcontroller is configured to <b>enable data exchange</b> with the ESP8266 module, allowing
- for sending and receiving data based on the requirements.
- </P>
- <img src="https://static.igem.wiki/teams/4583/wiki/hardware/wifi-module.png" alt="wifi-module"
- style=" padding-bottom: 2rem;">
- <img src="https://static.igem.wiki/teams/4583/wiki/hardware/wifi-module2.png" alt="wifi-module">
- <figcaption>
- <b>Fig.3 | </b>WIFI Module
- </figcaption>
+ <p>
+ <b>The Bluetooth app</b> communicates with the microcontroller
+ remotely through a WiFi module. The microcontroller and the WiFi
+ module communicate via serial communication. In the circuit
+ connection, the TX and RX pins of the ESP8266 module are connected
+ to the STM32 microcontroller. AT commands are used to check if the
+ ESP8266 module is functioning properly. The working mode of the
+ ESP8266 module is configured, and the STA (Station) mode is
+ selected. The serial communication functionality of the STM32
+ microcontroller is configured to <b>enable data exchange</b> with
+ the ESP8266 module, allowing for sending and receiving data based on
+ the requirements.
+ </p>
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/wifi-module.png"
+ alt="wifi-module"
+ width="80%"
+ style="padding-bottom: 2rem"
+ style="display: block; margin: 0 auto"
+ />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/wifi-module2.png"
+ alt="wifi-module"
+ width="60%"
+ style="display: block; margin: 0 auto"
+ />
+ <figcaption><b>Fig.3 | </b>WIFI Module</figcaption>
<ul class="gd-t3 nosqr">
<a name="GSM"> <br /></a>
<li>(5) Glucose Sensor Module</li>
</ul>
<p>
- First, the analog input is a current input, which is converted to a voltage input through a small resistor.
- Then, it is
- amplified and converted into a voltage signal suitable for the microcontroller to receive. Based on the
- digital value
- changes of the voltage signal, <b>the PID algorithm</b> is applied to achieve precise glucose content
- compensation.
+ First, the analog input is a current input, which is converted to a
+ voltage input through a small resistor. Then, it is amplified and
+ converted into a voltage signal suitable for the microcontroller to
+ receive. Based on the digital value changes of the voltage signal,
+ <b>the PID algorithm</b> is applied to achieve precise glucose
+ content compensation.
</p>
- <div><img src="https://static.igem.wiki/teams/4583/wiki/hardware/amplifier-circuit-diagram.png"
- alt="amplifier-circuit-diagram" width="70%">
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/hw-9.png"
+ alt="amplifier-circuit-diagram"
+ width="50%"
+ style="display: block; margin: 0 auto"
+ />
+ <div>
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/amplifier-circuit-diagram.png"
+ alt="amplifier-circuit-diagram"
+ width="50%"
+ style="display: block; margin: 0 auto"
+ />
<figcaption><b>Fig.4 |</b> Amplifier Circuit Diagram</figcaption>
- <br>
- <img src="https://static.igem.wiki/teams/4583/wiki/hardware/glucose-sensor-module.png"
- alt="glucose-sensor-module" width=70%">
+ <br />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/glucose-sensor-module.png"
+ style="display: block; margin: 0 auto"
+ alt="glucose-sensor-module"
+ width="70%"
+ />
<figcaption><b>Fig.5 |</b> Glucose Sensor Module</figcaption>
</div>
-
</div>
<div class="row">
<ul class="gd-t2 nosqr">
@@ -275,64 +385,76 @@ block header %}
<a name="PCA"> <br /></a>
<li>(1) PID Control Algorithm</li>
</ul>
- <div><img src="https://static.igem.wiki/teams/4583/wiki/hardware/pid-control-algorithm.jpg"
- alt="pid-control-algorithm" width="70%">
+ <div>
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/hw-11.png"
+ alt="pid-control-algorithm"
+ width="50%"
+ style="display: block; margin: 0 auto"
+ />
<figcaption><b>Fig.6 |</b> PID Control Algorithm</figcaption>
</div>
<p>
- <b>The PID control algorithm</b>is a widely used control method in the field of automatic control. It is
- based on proportional, integral, and derivative
- actions. It generates control actions based on the deviation between the setpoint and the feedback value to
- reduce the
- deviation and improve system performance. The PID algorithm is known for its simplicity, stability, and ease
- of tuning,
- making it suitable for situations where the target system and control object model are not well understood
- or where
- parameters cannot be obtained.
+ <b>The PID control algorithm</b>is a widely used control method in
+ the field of automatic control. It is based on proportional,
+ integral, and derivative actions. It generates control actions based
+ on the deviation between the setpoint and the feedback value to
+ reduce the deviation and improve system performance. The PID
+ algorithm is known for its simplicity, stability, and ease of
+ tuning, making it suitable for situations where the target system
+ and control object model are not well understood or where parameters
+ cannot be obtained.
</p>
<p>
- The PID control algorithm consists of three components: <b>proportional control</b>,<b>integral control</b>,
- and <b>derivative control</b>.Proportional control immediately generates control action based on the
- deviation signal of the control system to
- <b>reduce the deviation</b>. Integral control is mainly used to eliminate steady-state error and
- <b>improve the system's steady-state accuracy</b>. Derivative control calculates the rate of change of the
- deviation and can suppress deviation variations and introduce
- early corrective action before the deviation becomes too large, thus <b>speeding up the system's
- response</b> and <b>adjustment speed</b>.
+ The PID control algorithm consists of three components:
+ <b>proportional control</b>,<b>integral control</b>, and
+ <b>derivative control</b>. Proportional control immediately
+ generates control action based on the deviation signal of the
+ control system to <b>reduce the deviation</b>. Integral control is
+ mainly used to eliminate steady-state error and
+ <b>improve the system's steady-state accuracy</b>. Derivative
+ control calculates the rate of change of the deviation and can
+ suppress deviation variations and introduce early corrective action
+ before the deviation becomes too large, thus
+ <b>speeding up the system's response</b> and
+ <b>adjustment speed</b>.
</p>
<p>
- The result of the PID control algorithm is the linear combination of the proportional, integral, and
- derivative
- components of the deviation signal. Since the algorithm is <b>a closed-loop control system</b>, a feedback
- loop using sensors
- is required to obtain the deviation signal between the setpoint and the feedback value.
+ The result of the PID control algorithm is the linear combination of
+ the proportional, integral, and derivative components of the
+ deviation signal. Since the algorithm is
+ <b>a closed-loop control system</b>, a feedback loop using sensors
+ is required to obtain the deviation signal between the setpoint and
+ the feedback value.
</p>
<ul class="gd-t3 nosqr">
<a name="MC"> <br /></a>
<li>(2) Motor Control</li>
</ul>
- <P>
- To achieve <b>closed-loop control</b> of the motor speed,<b>wireless serial communication</b>
- is used to establish communication between the upper computer and the microcontroller. The <b>SerialPlot</b>
- software is used
- to observe the waveform of the target speed and the speed measured by the encoder. By comparing the two
- waveforms, the
- time required for the speed to reach stability and the degree of oscillation can be observed, which helps in
- adjusting
- the PID parameters of the motor for better performance.
- </P>
<p>
- Based on the observations, if the motor speed reaches the target value slowly, exhibits significant
- overshoot, and has
- some degree of jitter, the PID parameters can be adjusted to improve the performance. Increasing the
- proportional (P)
- value, decreasing the integral (I) value, and increasing the derivative (D) value can help in <b>overcoming
- dead zones</b> and
- achieving fast and stable glucose content compensation.
+ To achieve <b>closed-loop control</b> of the motor speed,<b
+ >wireless serial communication</b
+ >
+ is used to establish communication between the upper computer and
+ the microcontroller. The <b>SerialPlot</b>
+ software is used to observe the waveform of the target speed and the
+ speed measured by the encoder. By comparing the two waveforms, the
+ time required for the speed to reach stability and the degree of
+ oscillation can be observed, which helps in adjusting the PID
+ parameters of the motor for better performance.
+ </p>
+ <p>
+ Based on the observations, if the motor speed reaches the target
+ value slowly, exhibits significant overshoot, and has some degree of
+ jitter, the PID parameters can be adjusted to improve the
+ performance. Increasing the proportional (P) value, decreasing the
+ integral (I) value, and increasing the derivative (D) value can help
+ in <b>overcoming dead zones</b> and achieving fast and stable
+ glucose content compensation.
</p>
<p>
- By <b>fine-tuning the PID parameters</b>, the motor can accurately and quickly reach the desired glucose
- content compensation,
+ By <b>fine-tuning the PID parameters</b>, the motor can accurately
+ and quickly reach the desired glucose content compensation,
overcoming slow response, overshoot, and jitter.
</p>
</div>
@@ -346,11 +468,11 @@ block header %}
</ul>
</div>
<figcaption><b>Chart 1 |</b> Pin Configuration</figcaption>
- <div class="table-hw table-wrapper ">
- <table style="text-align: center">
+ <div class="table-wrapper">
+ <table class="table-pf" style="text-align: center">
<tr>
<th>Pin</th>
- <th style="">Function</th>
+ <th>Function</th>
<th>Description</th>
</tr>
<tr>
@@ -399,49 +521,59 @@ block header %}
<li>(1) Hardware Testing</li>
</ul>
<p>
- To test the motor, connect the motor driver module to the motor under test. Use a signal source to simulate
- an MCU
- output with an amplitude of 3.3V and a frequency of 10kHz PWM signal. Connect this signal to the control
- terminal of the
- motor driver module. By <b>continuously adjusting the duty cycle of the PWM signal</b>, observe and record
- the motor's speed.
+ To test the motor, connect the motor driver module to the motor
+ under test. Use a signal source to simulate an MCU output with an
+ amplitude of 3.3V and a frequency of 10kHz PWM signal. Connect this
+ signal to the control terminal of the motor driver module. By
+ <b>continuously adjusting the duty cycle of the PWM signal</b>,
+ observe and record the motor's speed.
+ </p>
+ <p>
+ Start by setting the duty cycle of the PWM signal to a low value,
+ such as 10%. Observe the motor's speed and record it. Gradually
+ increase the duty cycle in steps, such as 20%, 30%, and so on, and
+ observe and record the corresponding motor speeds at each step.
+ Continue this process until reaching a duty cycle of 100%.
+ </p>
+ <p>
+ By analyzing the recorded data, you can observe the relationship
+ between the duty cycle of the PWM signal and the motor's speed. This
+ information can be used to
+ <b>determine the appropriate duty cycle</b> for achieving the
+ desired motor speed in your application.
</p>
- <p>Start by setting the duty cycle of the PWM signal to a low value, such as 10%. Observe the motor's speed
- and record it.
- Gradually increase the duty cycle in steps, such as 20%, 30%, and so on, and observe and record the
- corresponding motor
- speeds at each step. Continue this process until reaching a duty cycle of 100%.</p>
- <p>By analyzing the recorded data, you can observe the relationship between the duty cycle of the PWM signal
- and the
- motor's speed. This information can be used to <b>determine the appropriate duty cycle</b> for achieving the
- desired motor
- speed in your application.</p>
<ul class="gd-t3 nosqr">
<a name="ST"> <br /></a>
<li>(2) Software Testing</li>
</ul>
- <p>To ensure <b>stable</b> PWM waveform output from the MCU, use an oscilloscope to observe the output
- waveform. Connect the
- oscilloscope probe to the PWM output pin of the MCU and adjust the settings on the oscilloscope to display
- the waveform
- accurately. This will allow you to verify the stability and quality of the PWM signal generated by the MCU.
+ <p>
+ To ensure <b>stable</b> PWM waveform output from the MCU, use an
+ oscilloscope to observe the output waveform. Connect the
+ oscilloscope probe to the PWM output pin of the MCU and adjust the
+ settings on the oscilloscope to display the waveform accurately.
+ This will allow you to verify the stability and quality of the PWM
+ signal generated by the MCU.
</p>
- <p>For closed-loop control of the motor speed, establishb <b>wireless serial communication</b>
- between the upper computer and the microcontroller. Use SerialPlot software to observe the waveforms of the
- target speed
- and the speed measured by the encoder. Compare the two waveforms to observe the time required for the speed
- to reach
- stability and the degree of oscillation. This will help in fine-tuning the PID parameters of the motor for
- better
- performance.Based on the observations, if the motor speed reaches the target value slowly, exhibits
- significant
- overshoot, and has some degree of jitter, you can improve the performance by <b>ncreasing the proportional
- (P) value, decreasing the integral (I) value, and increasing the derivative (D) value</b>
- . This will help the motor overcome dead zones and achieve fast and stable glucose content compensation.By
- <b>adjusting the
- PID parameters</b>, the motor can overcome slow response, reduce overshoot, and minimize jitter,
- ultimately achieving
- precise and stable glucose content compensation.
+ <p>
+ For closed-loop control of the motor speed, establishb
+ <b>wireless serial communication</b> between the upper computer and
+ the microcontroller. Use SerialPlot software to observe the
+ waveforms of the target speed and the speed measured by the encoder.
+ Compare the two waveforms to observe the time required for the speed
+ to reach stability and the degree of oscillation. This will help in
+ fine-tuning the PID parameters of the motor for better
+ performance.Based on the observations, if the motor speed reaches
+ the target value slowly, exhibits significant overshoot, and has
+ some degree of jitter, you can improve the performance by
+ <b
+ >ncreasing the proportional (P) value, decreasing the integral (I)
+ value, and increasing the derivative (D) value</b
+ >
+ . This will help the motor overcome dead zones and achieve fast and
+ stable glucose content compensation.By
+ <b>adjusting the PID parameters</b>, the motor can overcome slow
+ response, reduce overshoot, and minimize jitter, ultimately
+ achieving precise and stable glucose content compensation.
</p>
</div>
<div class="row">
@@ -450,16 +582,16 @@ block header %}
<li>B. Test Conditions And Instruments</li>
</ul>
<p>
- <b>Testing Conditions:</b>After multiple checks, the simulated circuit and the hardware circuit must be
- identical to the system schematic, and
- thorough inspections should be conducted to ensure that there are no errors. The hardware circuit should be
- guaranteed
+ <b>Testing Conditions:</b>After multiple checks, the simulated
+ circuit and the hardware circuit must be identical to the system
+ schematic, and thorough inspections should be conducted to ensure
+ that there are no errors. The hardware circuit should be guaranteed
to be free of soldering defects.
</p>
<p>
- <b>Testing Conditions:</b>SDS2352X Plus Oscilloscope, SDG2122X Function/Arbitrary Waveform Generator,
- SDM3055X-E Digital Multimeter, SPD3303X DC
- Power Supply.
+ <b>Testing Conditions:</b>SDS2352X Plus Oscilloscope, SDG2122X
+ Function/Arbitrary Waveform Generator, SDM3055X-E Digital
+ Multimeter, SPD3303X DC Power Supply.
</p>
</div>
<div class="row">
@@ -472,8 +604,8 @@ block header %}
<li>(1) Testing results in different situations</li>
</ul>
<figcaption><b>Chart 2 |</b> Testing result</figcaption>
- <div class="table-hw table-wrapper ">
- <table style="text-align: center">
+ <div class="table-wrapper">
+ <table class="table-pf" style="text-align: center">
<tr>
<th>Glucose Content</th>
<th>Testing result</th>
@@ -500,68 +632,46 @@ block header %}
<a name="RA"> <br /></a>
<li>(2) Results Analyses</li>
</ul>
- <p>After multiple adjustments of PID parameters and algorithm optimization, this system has shown good testing
- results for
- different glucose concentrations. <b>It can achieve accurate and rapid glucose supplementation</b>.</p>
+ <p>
+ After multiple adjustments of PID parameters and algorithm
+ optimization, this system has shown good testing results for
+ different glucose concentrations.
+ <b>It can achieve accurate and rapid glucose supplementation</b>.
+ </p>
</div>
</div>
</div>
+ <div class="col-sm-9 wiki-content">
+ <!-- intro -->
+ <div>
+ <div>
+ <ul class="gd-t1">
+ <a name="intro"> <br /></a>
+ <li><b>vision of the future</b></li>
+ </ul>
+ </div>
+ <div>
+ <p>
+ The current project is based on an STM32 microcontroller and has
+ successfully achieved regulation of glucose concentration in a
+ fermentation tank. To further enhance and improve the system, we
+ plan to expand the control range to include key parameters such as
+ temperature, pH value, and dissolved oxygen. Additionally, we intend
+ to replace the control system with a more suitable industrial
+ production Programmable Logic Controller (PLC). Furthermore, we have
+ designed a stirring system that utilizes a Rockwell PLC in
+ conjunction with a variable frequency drive (VFD) to control the
+ motor.
+ </p>
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/hardware/hw-10.png"
+ alt="pid-control-algorithm"
+ width="60%"
+ style="display: block; margin: 0 auto"
+ />
+ </div>
+ </div>
+ </div>
+ {% endblock %}
</div>
</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 %}
diff --git a/wiki/pages/home.html b/wiki/pages/home.html
index f79f74d..f7de7ce 100644
--- a/wiki/pages/home.html
+++ b/wiki/pages/home.html
@@ -209,7 +209,7 @@
<div id="cha-block" class="row squ-2">
<div class="QS col" position="relative">
<img
- src="https://static.igem.wiki/teams/4583/wiki/team/home-pic-01b.png"
+ src="https://static.igem.wiki/teams/4583/wiki/team/home-pic-01a.png"
width="30vw"
/>
</div>
diff --git a/wiki/pages/human-practices.html b/wiki/pages/human-practices.html
index e55f814..48a1f6d 100644
--- a/wiki/pages/human-practices.html
+++ b/wiki/pages/human-practices.html
@@ -81,7 +81,7 @@ header %}
>
</div>
</div>
- <div in="mar-1">
+ <div id="mar-1">
<a href="#mar"
><p><b>Putting our idea into market</b></p></a
>
@@ -3040,12 +3040,12 @@ header %}
</ul>
<img
id="table-re-switch"
- src="https://static.igem.wiki/teams/4583/wiki/graphic-design/button-close.png"
- alt="bottun"
+ src="https://static.igem.wiki/teams/4583/wiki/graphic-design/button-open.png"
+ alt="Fig.6 The formula we use to assess our web accessibility"
style="display: block; margin: 0 auto"
/>
</div>
- <div id="table-re" class="table-wrapper hide">
+ <div id="table-re" class="table-wrapper">
<div class="table-fo" id="reference">
<p>
[1]
diff --git a/wiki/pages/safety.html b/wiki/pages/safety.html
deleted file mode 100644
index 0c03e2f..0000000
--- a/wiki/pages/safety.html
+++ /dev/null
@@ -1,118 +0,0 @@
-{% extends "layout.html" %} {% block title %}Safety{% endblock %} {% block lead
-%}Describe all the safety issues of your project.{% endblock %} {% block header
-%}
-<style>
- .model-bg {
- background-image: url("https://static.igem.wiki/teams/4583/wiki/modeling/ep-pic-banner01.png");
- }
-</style>
-<div class="inp-bg model-bg">
- <div class="inp-title">
- <p style="margin: 0 0 -10px 0">Safety</p>
- <p style="font-family: Chillax-Light; font-size: 1.5vw">2023 SDU-CHINA</p>
- </div>
-</div>
-<div class="spacing-bar"></div>
-{% endblock %} {% block page_content %}
-<style>
- .bg-model {
- background-image: url("https://static.igem.wiki/teams/4583/wiki/modeling/ep-pic-bg01.png");
- }
-</style>
-<div class="wrapper-inp bg-model">
- <div class="row">
- <div class="col-md-2 sidenav-wrapper">
- <div class="sidenav">
- <p>11111</p>
- <p>2222</p>
- <p>13333</p>
- </div>
- <div id="progress-container">
- <div id="progress-bar"></div>
- </div>
- </div>
- <div class="col-sm-9 wiki-content">
- <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. 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"
- >2023 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>
-
-{% endblock %}
diff --git a/wiki/pages/team.html b/wiki/pages/team.html
index efeb43a..ac80d34 100644
--- a/wiki/pages/team.html
+++ b/wiki/pages/team.html
@@ -51,28 +51,32 @@ endblock %} {% block header %}
</style>
<div class="wrapper-team bg-team mt-4">
<div class="container pb-4">
- <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 masonry-grid " data-masonry='{"percentPosition": true }'>
- <!-- art -->
- <div class="col masonry-grid-item ">
+ <div
+ class="row row-cols-1 row-cols-md-2 row-cols-lg-3 masonry-grid"
+ data-masonry='{"percentPosition": true }'
+ >
+ <!-- art -->
+ <div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll ph-1">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/kexuan-li.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/kexuan-li.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
- <h2 class="card-text reveal-on-scroll">
- Kexuan Li
- </h2>
- <small class="text-muted reveal-on-scroll">
- Art Design</small>
+ <h2 class="card-text reveal-on-scroll">Kexuan Li</h2>
+ <small class="text-muted reveal-on-scroll"> Art Design</small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- Hello everyone! My name is Kexuan Li and I am currently a student at the College of Life Sciences of
- Shandong
- University. In our team, I am the chief graphic designer. I have a deep passion for unravelling the
- mysteries of biology
- and exploring its wonders. Apart from my scientific pursuits, I am also an avid fan of literature,
- philosophy, anime and
- games. I've also created many adorable fluffy cartoon characters. Do you like them?
-
+ Hello everyone! My name is Kexuan Li and I am currently a
+ student at the College of Life Sciences of Shandong University.
+ In our team, I am the chief graphic designer. I have a deep
+ passion for unravelling the mysteries of biology and exploring
+ its wonders. Apart from my scientific pursuits, I am also an
+ avid fan of literature, philosophy, anime and games. I've also
+ created many adorable fluffy cartoon characters. Do you like
+ them?
</p>
</div>
</div>
@@ -81,18 +85,23 @@ endblock %} {% block header %}
<!-- HP -->
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/jingyan-hu.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/jingyan-hu.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
- <h2 class="card-text reveal-on-scroll">
- Jingyan Hu
- </h2>
+ <h2 class="card-text reveal-on-scroll">Jingyan Hu</h2>
<small class="text-muted reveal-on-scroll" color="#33cc99">
- Hp and Edu</small>
+ Hp and Edu</small
+ >
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- HI THERE ~ I am Jingyan Hu from Shandong University, majoring in Life Science and. I play a role as the hp leader in SDU-CHINA. One important thing that I do is to cheer everyone up when organising some meaningful
- activities.
+ HI THERE ~ I am Jingyan Hu from Shandong University, majoring in
+ Life Science and. I play a role as the hp leader in SDU-CHINA.
+ One important thing that I do is to cheer everyone up when
+ organising some meaningful activities.
</p>
</div>
</div>
@@ -101,19 +110,25 @@ endblock %} {% block header %}
<!-- ART -->
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/yuchen-li.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/yuchen-li.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
- <h2 class="card-text reveal-on-scroll">
- Yuchen Li
- </h2>
- <small class="text-muted reveal-on-scroll">
- Art Design</small>
+ <h2 class="card-text reveal-on-scroll">Yuchen Li</h2>
+ <small class="text-muted reveal-on-scroll"> Art Design</small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- I'm Yuchen Li, a cheerful, outgoing and easy-to-communicate individual with a passion for merging art
- and science. My
- participation in the iGEM competition has been an exciting experience for me. Being involved in iGEM has broadened my horizons and allowed me to see how biology and design merge. I am excited to continue exploring the dynamic intersection of art and science and am grateful for the opportunity to contribute to our team's success.
+ I'm Yuchen Li, a cheerful, outgoing and easy-to-communicate
+ individual with a passion for merging art and science. My
+ participation in the iGEM competition has been an exciting
+ experience for me. Being involved in iGEM has broadened my
+ horizons and allowed me to see how biology and design merge. I
+ am excited to continue exploring the dynamic intersection of art
+ and science and am grateful for the opportunity to contribute to
+ our team's success.
</p>
</div>
</div>
@@ -122,17 +137,24 @@ endblock %} {% block header %}
<!-- hp -->
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/wendi-hou.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/wendi-hou.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
- <h2 class="card-text reveal-on-scroll">
- Wendi Hou
- </h2>
- <small class="text-muted reveal-on-scroll">
- Hp and Edu</small>
+ <h2 class="card-text reveal-on-scroll">Wendi Hou</h2>
+ <small class="text-muted reveal-on-scroll"> Hp and Edu</small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- Hello everyone, my name is Hou Wind and I am an undergraduate student majoring in Biological Sciences at Shandong University. I am cheerful and humorous, and I hope to communicate with you more. I am very happy to participate in this iGEM competition, not only to have a deeper understanding of the field of synthetic biology, but also to make more friends in the competition.
+ Hello everyone, my name is Windi Hou and I am an undergraduate
+ student majoring in Biological Sciences at Shandong University.
+ I am cheerful and humorous, and I hope to communicate with you
+ more. I am very happy to participate in this iGEM competition,
+ not only to have a deeper understanding of the field of
+ synthetic biology, but also to make more friends in the
+ competition.
</p>
</div>
</div>
@@ -140,19 +162,25 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/tianrun-li.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/tianrun-li.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Tianrun Li</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Hp and Edu
- </small>
+ <small class="text-muted reveal-on-scroll"> Hp and Edu </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- I am from SDU_CHINA. I am majoring in Biological Science and I am an introvert. During the preparation process of iGEM,
- I not only got closer to other team members, but also made many new friends in the communication process with other teams, and learned a lot of computer-related content, which made me gain a lot.
+ I am from SDU_CHINA. I am majoring in Biological Science and I
+ am an introvert. During the preparation process of iGEM, I not
+ only got closer to other team members, but also made many new
+ friends in the communication process with other teams, and
+ learned a lot of computer-related content, which made me gain a
+ lot.
</p>
</div>
</div>
@@ -160,24 +188,25 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/hongtian-ji.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/hongtian-ji.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Hongtian Ji</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Hp and Edu
- </small>
+ <small class="text-muted reveal-on-scroll"> Hp and Edu </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- I'm new wave. But I'm old school sometimes. My inner child is outward-bound.
- I'm a hot-wired, heat-seeking, warm-hearted cool person. l'm in the moment, on the edge, over the top
- but under the
- radar, I'm hanging in.
- In addition to loving small animals, at the same time，I'm also a big fan of hotpot. The food is the
- biggest passion in
- my life
+ I'm new wave. But I'm old school sometimes. My inner child is
+ outward-bound. I'm a hot-wired, heat-seeking, warm-hearted cool
+ person. l'm in the moment, on the edge, over the top but under
+ the radar, I'm hanging in. In addition to loving small animals,
+ at the same time，I'm also a big fan of hotpot. The food is the
+ biggest passion in my life
</p>
</div>
</div>
@@ -185,18 +214,24 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/ruohan-yang.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/ruohan-yang.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Ruohan Yang</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Hp and Edu
- </small>
+ <small class="text-muted reveal-on-scroll"> Hp and Edu </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- Hello everyone, my name is Ruohan Yang, an undergraduate student majored in Biology at Shandong Normal University. I'm a quiet girl with strong team work spirit. I'm glad to participate in this iGEM competition, hoping for not only to broaden my horizon, but also to learn more from others in the competition.
+ Hello everyone, my name is Ruohan Yang, an undergraduate student
+ majored in Biology at Shandong Normal University. I'm a quiet
+ girl with strong team work spirit. I'm glad to participate in
+ this iGEM competition, hoping for not only to broaden my
+ horizon, but also to learn more from others in the competition.
</p>
</div>
</div>
@@ -205,17 +240,24 @@ endblock %} {% block header %}
<!-- wet -->
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/chao-tang.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/chao-tang.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
- <h2 class="card-text reveal-on-scroll"><strong>Chao Tang</strong></h2>
- <small class="text-muted reveal-on-scroll">
- Wet Lab
- </small>
+ <h2 class="card-text reveal-on-scroll">
+ <strong>Chao Tang</strong>
+ </h2>
+ <small class="text-muted reveal-on-scroll"> Wet Lab </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- I'm Tang Chao, a junior from Shandong University majoring in Biological Sciences, and I'm relatively
- introverted. I think it's wonderful to look at biology from synthetic biology perspective. It is very meaningful to participate in this competition.
+ I'm Tang Chao, a junior from Shandong University majoring in
+ Biological Sciences, and I'm relatively introverted. I think
+ it's wonderful to look at biology from synthetic biology
+ perspective. It is very meaningful to participate in this
+ competition.
</p>
</div>
</div>
@@ -223,16 +265,22 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/suiru-lu.jpg" alt="Dr. XXX" class="reveal-on-scroll"
- width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/suiru-lu.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">Suiru Lu</h2>
- <small class="text-muted reveal-on-scroll">
- Wet Lab
- </small>
+ <small class="text-muted reveal-on-scroll"> Wet Lab </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- I'm Suiru Lu, from Shandong University. I am the student leader in this year's iGEM. I am also in charge of the wet lab work. During the process of completing the project, I am constantly challenging myself to come up with new ideas. I am very happy to participate in iGEM with so many capable people!
+ I'm Suiru Lu, from Shandong University. I am the student leader
+ in this year's iGEM. I am also in charge of the wet lab work.
+ During the process of completing the project, I am constantly
+ challenging myself to come up with new ideas. I am very happy to
+ participate in iGEM with so many capable people!
</p>
</div>
</div>
@@ -240,17 +288,21 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/xuanshuo-liang.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/xuanshuo-liang.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">Xuanshuo Liang</h2>
- <small class="text-muted reveal-on-scroll">
- Wet Lab
- </small>
+ <small class="text-muted reveal-on-scroll"> Wet Lab </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- Hello everyone, my name is Xuanshuo Liang and I am an undergraduate student majoring in Biological
- Sciences at Shandong University. I am an open-minded, kind and intelligent boy. I hope to make more friends in the process of iGEM.
+ Hello everyone, my name is Xuanshuo Liang and I am an
+ undergraduate student majoring in Biological Sciences at
+ Shandong University. I am an open-minded, kind and intelligent
+ boy. I hope to make more friends in the process of iGEM.
</p>
</div>
</div>
@@ -259,22 +311,23 @@ endblock %} {% block header %}
<!-- wiki -->
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/ye-wang.jpg" alt="Dr. XXX" class="reveal-on-scroll"
- width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/ye-wang.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
- <h2 class="card-text reveal-on-scroll">
- Ye Wang
- </h2>
- <small class="text-muted reveal-on-scroll">
- Wiki</small>
+ <h2 class="card-text reveal-on-scroll">Ye Wang</h2>
+ <small class="text-muted reveal-on-scroll"> Wiki</small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- My name is Ye Wang, and I come from the School of Information Science and Engineering. I usually read
- novels and enjoy
- cartoons. And becasue of social fear,I am not very good at cummunicating with others. But in the process
- of preparation,
- I met many new people and realized the meaning of patience and persistence. I am very happy to
- experience this process.
+ My name is Ye Wang, and I come from the School of Information
+ Science and Engineering. I usually read novels and enjoy
+ cartoons. And becasue of social fear,I am not very good at
+ cummunicating with others. But in the process of preparation, I
+ met many new people and realized the meaning of patience and
+ persistence. I am very happy to experience this process.
</p>
</div>
</div>
@@ -282,23 +335,24 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/xinyi-zhang.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/xinyi-zhang.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
- <h2 class="card-text reveal-on-scroll">
- Xinyi Zhang
- </h2>
- <small class="text-muted reveal-on-scroll">
- Wiki</small>
+ <h2 class="card-text reveal-on-scroll">Xinyi Zhang</h2>
+ <small class="text-muted reveal-on-scroll"> Wiki</small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- My name is Xinyi Zhang and I am in charge of building a team wiki. I am a physics major, before that I
- spent one year in
- the College of Life Science. The main field of research is particle physics. I am studying front-end by
- myself, and I
- love basketball and street dance. I also really like spicy and sour food. I am described as a happy
- puppy in
- personality, but I prefer cats.
+ My name is Xinyi Zhang and I am in charge of building a team
+ wiki. I am a physics major, before that I spent one year in the
+ College of Life Science. The main field of research is particle
+ physics. I am studying front-end by myself, and I love
+ basketball and street dance. I also really like spicy and sour
+ food. I am described as a happy puppy in personality, but I
+ prefer cats.
</p>
</div>
</div>
@@ -307,25 +361,27 @@ endblock %} {% block header %}
<!-- dry -->
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/xiaoting-wang.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/xiaoting-wang.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Xiaoting Wang</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Dry Lab
- </small>
+ <small class="text-muted reveal-on-scroll"> Dry Lab </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- My name is Xiaoting Wang , a 2021 student majoring in Biological Science from Shandong University.
- Joining the SDU-CHINA
- team has made my introverted personality more cheerful and lively. When I work with my teammates to
- complete the work, I
- really feel the power of cooperation and unity. I am very happy to participate in the iGEM competition
- with you and to
- work with like-minded people. I am also eager to continue my learning journey and am open to any
- challenges.
+ My name is Xiaoting Wang , a 2021 student majoring in Biological
+ Science from Shandong University. Joining the SDU-CHINA team has
+ made my introverted personality more cheerful and lively. When I
+ work with my teammates to complete the work, I really feel the
+ power of cooperation and unity. I am very happy to participate
+ in the iGEM competition with you and to work with like-minded
+ people. I am also eager to continue my learning journey and am
+ open to any challenges.
</p>
</div>
</div>
@@ -333,24 +389,27 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/xiaoyu-fu.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/xiaoyu-fu.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Xiaoyu Fu</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Dry Lab
- </small>
+ <small class="text-muted reveal-on-scroll"> Dry Lab </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- My name is Xiaoyu Fu, a 2021 student of the School of Control Science and Engineering, a member of the
- Cheng Fangwu
- Talent Class of Shandong University, majoring in Financial Mathematics. I am responsible for hardware
- design and some
- software mathematical modelling in the team. I have won several awards, including national scholarships,
- Internet Plus
- National Championship Gold Award, National Electronic Design Competition Second Prize, etc.
+ My name is Xiaoyu Fu, a 2021 student of the School of Control
+ Science and Engineering, a member of the Cheng Fangwu Talent
+ Class of Shandong University, majoring in Financial Mathematics.
+ I am responsible for hardware design and some software
+ mathematical modelling in the team. I have won several awards,
+ including national scholarships, Internet Plus National
+ Championship Gold Award, National Electronic Design Competition
+ Second Prize, etc.
</p>
</div>
</div>
@@ -358,22 +417,24 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/qingyu-zhou.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/qingyu-zhou.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">Qingyu Zhou</h2>
- <small class="text-muted reveal-on-scroll">
- Dry Lab
- </small>
+ <small class="text-muted reveal-on-scroll"> Dry Lab </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- Qingyu Zhou, a 2021 undergraduate student from the School of Control Science and Engineering. He will
- assume the role of
- hardware and software design. He has won National First Prize in Smart Car Competition, responsible for
- the algorithm
- and mechanical structure components. He is also proficient in circuit design. In his free time, he loves
- watching and
- playing football.
+ Qingyu Zhou, a 2021 undergraduate student from the School of
+ Control Science and Engineering. He will assume the role of
+ hardware and software design. He has won National First Prize in
+ Smart Car Competition, responsible for the algorithm and
+ mechanical structure components. He is also proficient in
+ circuit design. In his free time, he loves watching and playing
+ football.
</p>
</div>
</div>
@@ -381,22 +442,25 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/mengbo-wang.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/mengbo-wang.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Mengbo Wang</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Dry Lab
- </small>
+ <small class="text-muted reveal-on-scroll"> Dry Lab </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- My name is Mengbo Wang, a student in the class of 2020 in the School of Computer Science and Technology
- at Shandong
- University. I have upheld the concept that still waters run deep. Participating in the iGEM competition
- has added a
- colourful touch to my growth journey. I look forward to growing and improving in the future.
+ My name is Mengbo Wang, a student in the class of 2020 in the
+ School of Computer Science and Technology at Shandong
+ University. I have upheld the concept that still waters run
+ deep. Participating in the iGEM competition has added a
+ colourful touch to my growth journey. I look forward to growing
+ and improving in the future.
</p>
</div>
</div>
@@ -405,22 +469,24 @@ endblock %} {% block header %}
<!-- ad -->
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/fangbing-kang.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/fangbing-kang.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Fangbing Kang</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Advisor
- </small>
+ <small class="text-muted reveal-on-scroll"> Advisor </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- My name is Fangbing Kang, a graduate student majoring in Biochemistry and Molecular Biology from
- Shandong University. I
- am glad to participate in iGEM competition, it has enriched my scientific research life. By cooperating
- with others, I
- look forward to exploring more new things.
+ My name is Fangbing Kang, a graduate student majoring in
+ Biochemistry and Molecular Biology from Shandong University. I
+ am glad to participate in iGEM competition, it has enriched my
+ scientific research life. By cooperating with others, I look
+ forward to exploring more new things.
</p>
</div>
</div>
@@ -428,24 +494,25 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/fei-gu.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/fei-gu.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Fei Gu</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Advisor
- </small>
+ <small class="text-muted reveal-on-scroll"> Advisor </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- My name is Fei Gu, a doctoral student in the State Key Laboratory of Microbial Technology, Shandong
- University. My
- research interests are related to synthetic gene circuits and metabolic engineering. Participating
- SDU-CHINA team
- allowed me to learn a lot of wonderful and interesting ideas, and meet a lot of thoughtful, hard-working
- and energetic
- friends.
+ My name is Fei Gu, a doctoral student in the State Key
+ Laboratory of Microbial Technology, Shandong University. My
+ research interests are related to synthetic gene circuits and
+ metabolic engineering. Participating SDU-CHINA team allowed me
+ to learn a lot of wonderful and interesting ideas, and meet a
+ lot of thoughtful, hard-working and energetic friends.
</p>
</div>
</div>
@@ -453,24 +520,25 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/jin-xin.jpg" alt="Dr. XXX" class="reveal-on-scroll"
- width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/jin-xin.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Jin Xin</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Advisor
- </small>
+ <small class="text-muted reveal-on-scroll"> Advisor </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- I am Jin Xin, a PhD candidate researching metabolic engineering in the State Key Laboratory of Microbial
- Technology at
- Shandong University. My research focuses on the metabolic network and gene regulatory mechanisms of
- microorganisms. I
- also work on the genetic modification and optimisation of strains to improve their production efficiency
- and product
- quality.
+ I am Jin Xin, a PhD candidate researching metabolic engineering
+ in the State Key Laboratory of Microbial Technology at Shandong
+ University. My research focuses on the metabolic network and
+ gene regulatory mechanisms of microorganisms. I also work on the
+ genetic modification and optimisation of strains to improve
+ their production efficiency and product quality.
</p>
</div>
</div>
@@ -478,22 +546,25 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/sumeng-wang.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/sumeng-wang.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Sumeng Wang</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Advisor
- </small>
+ <small class="text-muted reveal-on-scroll"> Advisor </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- Sumeng Wang received his Ph. D. from Shandong University in September 2023. Now he joined Qingdao
- Agricultural
- University. He has been focusing on the research of Synthetic Biology and Metabolic Engineering in
- microorganisms. He
- mainly studies the microbial production of natural products using synthetic biology strategy.
+ Sumeng Wang received his Ph. D. from Shandong University in
+ September 2023. Now he joined Qingdao Agricultural University.
+ He has been focusing on the research of Synthetic Biology and
+ Metabolic Engineering in microorganisms. He mainly studies the
+ microbial production of natural products using synthetic biology
+ strategy.
</p>
</div>
</div>
@@ -502,24 +573,27 @@ endblock %} {% block header %}
<!--Sec pi -->
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/prof-wang.png" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/prof-wang.png"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Prof Wang</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Secondary PI
- </small>
+ <small class="text-muted reveal-on-scroll"> Secondary PI </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- Prof Wang's research focuses on the following three areas: 1. physiological and metabolic mechanisms of
- anaerobic
- microorganisms and their fermentation applications; 2. biochemical mechanisms of microbial degradation
- of environmental
- pollutants, resource-based conversion applications and environmental remediation; 3. microbial
- fermentation production
- of high-value compounds, platform compounds, biofuels and enzymes.
+ Prof Wang's research focuses on the following three areas: 1.
+ physiological and metabolic mechanisms of anaerobic
+ microorganisms and their fermentation applications; 2.
+ biochemical mechanisms of microbial degradation of environmental
+ pollutants, resource-based conversion applications and
+ environmental remediation; 3. microbial fermentation production
+ of high-value compounds, platform compounds, biofuels and
+ enzymes.
</p>
</div>
</div>
@@ -527,33 +601,32 @@ endblock %} {% block header %}
</div>
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/yongzhen-xia.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/yongzhen-xia.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Yongzhen Xia</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Secondary PI
- </small>
+ <small class="text-muted reveal-on-scroll"> Secondary PI </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- Professor Xia, associated with the State Key Laboratory of Microbiological Technology, focuses on two
- primary research
- areas:
-
- 1. Bacterial Sulfur Metabolism: Professor Xia investigates bacterial sulfur metabolism, exploring its
- mechanisms and
- implications.
- 2. Innovation in Synthetic Biology: Within the realm of synthetic biology, he has pioneered
- cost-effective techniques
- for DNA cloning and receptor cell preparation. These innovations rival mainstream commercial kits in
- efficiency but cost
- just 5 cents per reaction, offering the most economical DNA cloning methods available. Furthermore,
- Professor Xia has
- proposed innovative therapies for gout treatment by enhancing the uric acid-degrading capabilities of
- engineered
- probiotics.
+ Professor Xia, associated with the State Key Laboratory of
+ Microbiological Technology, focuses on two primary research
+ areas: 1. Bacterial Sulfur Metabolism: Professor Xia
+ investigates bacterial sulfur metabolism, exploring its
+ mechanisms and implications. 2. Innovation in Synthetic Biology:
+ Within the realm of synthetic biology, he has pioneered
+ cost-effective techniques for DNA cloning and receptor cell
+ preparation. These innovations rival mainstream commercial kits
+ in efficiency but cost just 5 cents per reaction, offering the
+ most economical DNA cloning methods available. Furthermore,
+ Professor Xia has proposed innovative therapies for gout
+ treatment by enhancing the uric acid-degrading capabilities of
+ engineered probiotics.
</p>
</div>
</div>
@@ -562,32 +635,31 @@ endblock %} {% block header %}
<!-- pi -->
<div class="col masonry-grid-item">
<div class="card shadow-sm reveal-on-scroll">
- <img src="https://static.igem.wiki/teams/4583/wiki/mem/mem/quanfeng-liang.jpg" alt="Dr. XXX"
- class="reveal-on-scroll" width="100%" />
+ <img
+ src="https://static.igem.wiki/teams/4583/wiki/mem/mem/quanfeng-liang.jpg"
+ alt="Dr. XXX"
+ class="reveal-on-scroll"
+ width="100%"
+ />
<div class="card-body reveal-on-scroll">
<h2 class="card-text reveal-on-scroll">
<strong>Quanfeng Liang</strong>
</h2>
- <small class="text-muted reveal-on-scroll">
- Primary PI
- </small>
+ <small class="text-muted reveal-on-scroll"> Primary PI </small>
<div class="d-flex justify-content-between">
<p class="reveal-on-scroll">
- Professor Liang has served as the primary Principal Investigator (PI) for iGEM in the years 2018, 2019,
- and is currently
- the primary PI for iGEM 2023. His research interests encompass two main areas:
-
- 1. The Design and Construction of Synthetic Biology Regulatory Elements and Devices: Professor Liang
- focuses on the
- development and implementation of synthetic biology regulatory components and devices.
- 2. Metabolic Engineering Strategies: He is also involved in utilizing metabolic engineering strategies
- for the
- production of amino acids with medicinal applications, along with the synthesis of high-value chemicals
- and
- biomaterials.
-
- These research interests reflect his dedication to advancing the field of synthetic biology and its
- practical
+ Professor Liang has served as the primary Principal Investigator
+ (PI) for iGEM in the years 2018, 2019, and is currently the
+ primary PI for iGEM 2023. His research interests encompass two
+ main areas: 1. The Design and Construction of Synthetic Biology
+ Regulatory Elements and Devices: Professor Liang focuses on the
+ development and implementation of synthetic biology regulatory
+ components and devices. 2. Metabolic Engineering Strategies: He
+ is also involved in utilizing metabolic engineering strategies
+ for the production of amino acids with medicinal applications,
+ along with the synthesis of high-value chemicals and
+ biomaterials. These research interests reflect his dedication to
+ advancing the field of synthetic biology and its practical
applications.
</p>
</div>
@@ -596,5 +668,5 @@ endblock %} {% block header %}
</div>
</div>
</div>
-</div>
+</div>
{% endblock %}
--
GitLab