-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsafety.html
300 lines (297 loc) · 15.2 KB
/
safety.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Safety</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/general.css">
<script src="js/general.js"></script>
<link rel="stylesheet" href="css/sidebar.css">
<link rel="stylesheet" href="css/article.css">
<script src="js/sidebar.js"></script>
</head>
<body>
<nav id="nav-bar" class="navbar navbar-expand-lg navbar-dark sticky-top">
<a class="navbar-brand" href="https://2020.igem.org/Team:DUT_China">
<img src="https://2020.igem.org/wiki/images/d/d4/T--DUT_China--team_logo.svg" alt="DUT_China">
</a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#nav1">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="nav1">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="https://2020.igem.org/Team:DUT_China">
<img class="nav-logo" src="https://2020.igem.org/wiki/images/4/4a/T--DUT_China--n_home1.png" alt="">
<span>Home</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown">
<img class="nav-logo" src="https://2020.igem.org/wiki/images/3/3f/T--DUT_China--n_project1.png"
alt="">
<span>Project</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Description">Description</a>
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Engineering">Engineering
Success</a>
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Protocols">Protocols</a>
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Contribution">Contribution</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown">
<img class="nav-logo" src="https://2020.igem.org/wiki/images/4/4d/T--DUT_China--n_model.png" alt="">
<span>Model</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Model">Electroporation</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown">
<img class="nav-logo" src="https://2020.igem.org/wiki/images/2/23/T--DUT_China--n_hp1.png" alt="">
<span>Human Practices</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Human_Practices">Integrated
Human Practices</a>
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Education">Education</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown">
<img class="nav-logo"
src="https://2020.igem.org/wiki/images/f/f6/T--DUT_China--n_implementation1.png" alt="">
<span>Implementation</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Implementation">Business
Proposals</a>
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Legislative">Legislative
Proposals</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown">
<img class="nav-logo" src="https://2020.igem.org/wiki/images/2/29/T--DUT_China--n_team1.png" alt="">
<span>Team</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Team">Members</a>
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Attributions">Attributions</a>
<a class="dropdown-item"
href="https://2020.igem.org/Team:DUT_China/Collaborations">Collaborations</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="https://2020.igem.org/Team:DUT_China/Safety">
<img class="nav-logo" src="https://2020.igem.org/wiki/images/0/04/T--DUT_China--n_safety1.png"
alt="">
<span>Safety</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown">
<img class="nav-logo" src="https://2020.igem.org/wiki/images/b/bb/T--DUT_China--n_awards1.png"
alt="">
<span>Awards</span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Human_Practices">Integrated
Human Practices</a>
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Model">Model</a>
<a class="dropdown-item" href="https://2020.igem.org/Team:DUT_China/Education">Education</a>
</div>
</li>
</ul>
</div>
</nav>
<div id="top-scroll">
<svg class="icon" style="width: 100px; height: 100px;vertical-align: middle;fill: #0073bb;overflow: hidden;"
viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2424">
<path d="M4.621 514.463h98.188v327.301h98.188v-327.301h98.188v-65.449h-294.563zM528.209 154.51l-163.446 196.347 327.273-0.219zM331.907 841.765h327.286v-392.75h-327.286v392.75zM430.095 514.463h130.912v261.823h-130.912v-261.823zM691.933 449.015v392.75h98.188v-163.651h229.1v-229.1h-327.286zM921.033 612.652h-130.912v-98.188h130.912v98.188z"
p-id="2425"></path>
</svg>
</div>
<div id="sidebar">
<table>
<tr>
<td>
<canvas width="40" height="40" class="canvas"></canvas>
</td>
<td class="side-item">1 Overview</td>
</tr>
<tr>
<td>
<canvas width="40" height="40" class="canvas"></canvas>
</td>
<td class="side-item">2 Procedures related to laboratory entry and exit</td>
</tr>
<tr>
<td>
<canvas width="40" height="40" class="canvas"></canvas>
</td>
<td class="side-item">3 Laboratory Safety</td>
</tr>
</table>
</div>
<div id="title" class="col-12">
<div>Safety</div>
</div>
<section id="main-text">
<article class="article">
<h1>1 Overview</h1>
<p>
When we carry out projects, biosafety is always the first. We strictly abide by the requirements and
guidelines provided by the iGEM headquarters. We will not choose chassis organisms that are harmful to
humans and the environment, and we will never use parts that are harmful to humans and the environment. We
follow the general requirements of Chinese laboratory biosafety.
</p>
</article>
<article class="article">
<h1>2 Procedures related to laboratory entry and exit</h1>
<p>
Under normal circumstances, daily use items are not allowed to be brought into the laboratory, and
similarly, laboratory tools are not allowed to be taken out of the laboratory.
</p>
<p>
Strictly observe the laboratory operation time.
</p>
<p>
Strictly abide by laboratory rules and usage specifications.
</p>
</article>
<article class="article">
<h1>3 Laboratory Safety</h1>
<p>All the organisms we will use fall into category 1 risk.</p>
<img src="" alt="" class="col-12">
<h2>Experimenter</h2>
<p>
Laboratory safety is an important part of the project. All members of our wet experiment team have undergone
qualified laboratory safety education and training and obtained certificates, and mastered the basic
knowledge of laboratory safety, emergency response measures and other skills.
</p>
<h2>Experimental materials</h2>
<h3>Phage</h3>
<p>
Phages are widespread in nature. There may be phages wherever bacteria are. Phages are viruses that
specifically kill bacteria. Since humans, animals, plants and other organisms have no corresponding antigens
on their cell surfaces, they will not be recognized by phages. Phages even exist in large numbers in our
bodies, especially in our intestines, which contain a large number of flora. In previous studies, whether it
is animal experiments or human clinical trials, it has been confirmed that bacteriophages will not have
obvious side effects on the body. The latest research has revealed the existence of endogenous
bacteriophages in humans and their possible probiotic effects.
</p>
<h3>Yeast</h3>
<p>
Yeast, which exists widely in nature, has been widely used in production and life. Yeast as a model animal
is widely used in various studies.
</p>
<h3><i>E.coli</i></h3>
<p>
<i>Escherichia coli</i> is a normal colony bacteria in the intestine, and a small part of it can cause
disease. As a model organism, <i>Escherichia coli</i> has been extensively used in experiments.
</p>
<p>
For more detailed safety instructions about our experimental materials, please refer to our
<a href="http://2020.igem.org/Safety/Final_Safety_Form?team_id=3354">Safety Form</a>.
</p>
<h2>Experimental products</h2>
<p>
The product of our experiment is a phage rebooted through our process. It has similar properties to ordinary
bacteriophages.
</p>
</article>
</section>
<footer id="footer">
<img class="flower flower1" src="https://2020.igem.org/wiki/images/0/05/T--DUT_China--flower1.png" alt="">
<img class="flower flower2" src="https://2020.igem.org/wiki/images/0/0b/T--DUT_China--flower2.png" alt="">
<p class="copyright">© 2020 Dalian University of Technology iGEM Team</p>
<div class="row">
<div class="col-lg-4 footer-left">
<h2><span>DUT</span> iGEM Players</h2>
<img src="https://2020.igem.org/wiki/images/d/d7/T--DUT_China--school_badge1.svg" alt="School Logo">
<p class="plain-text text-left">
<b>Address</b>: No.2 Linggong Road, Ganjingzi District, Dalian City, Liaoning Province, P.R.C.,
116024<br>
<b>Official Website</b>: <a href="http://en.dlut.edu.cn/" target="_blank">http://en.dlut.edu.cn/</a><br>
<b>Team Email</b>: <a href="mailto:igem_dlut@163.com" title="Click to contact us">igem_dlut@163.com</a>
</p>
</div>
<div class="col-lg-4 footer-center">
<div>
<h4>About Dalian University of Technology</h4>
<p class="plain-text school-intro text-left">
Dalian University of Technology (DUT) is a national key university administrated directly under the
Ministry of Education of China, which is also sponsored by Project 211 and Project 985. DUT keeps
fostering elites, promoting science and technology, inheriting excellent cultures and guiding the
social climate as its mission, adheres to DUT spirit of “Unity and Progress, Truth and Innovation”,
dedicates itself to the creation, discovery, impart, conservation and application of knowledge, and
endeavors to undertake social responsibilities to serve the country and the world.
</p>
</div>
</div>
<div class="col-lg-4 footer-right">
<div>
<h4>Follow us</h4>
<p class="plain-text">
<a target="_blank" href="https://mp.weixin.qq.com/s/gDbIeINj-mwxmwDkOSyFQg">
WeChat Official Account
</a>
<br>
<a target="_blank" href="https://space.bilibili.com/494554805/">
Bilibili Account
</a>
</p>
</div>
<br>
<div>
<h4>Sponsors</h4>
<img src="https://2020.igem.org/wiki/images/2/29/T--DUT_China--sponsor_snapgene.png" alt="SnapGene">
<br>
<img src="https://2020.igem.org/wiki/images/e/e3/T--DUT_China--biology1.svg" alt="School of Bioengineering">
</div>
</div>
</div>
</footer>
<script>
//About the sidebar & top-scroll--linked to sidebar.js & general.js
window.onload = function () {
let navHeight = document.getElementById('nav-bar').offsetHeight;
for (let i = 0; i < itemArray.length; i++) {
itemArray[i].addEventListener('click', function () {
scroll({
top: articleArray[i].offsetTop - navHeight + 5,
//To prevent the overshadow of the navigation bar
left: 0,
behavior: 'smooth'
});
});
//Click the items to scroll
pageView(canvasArray[i], itemArray[i], articleArray[i]);//Update
}
setTopScroll();
};
window.onresize = window.onscroll = function () {
for (let i = 0; i < canvasArray.length; i++) {
pageView(canvasArray[i], itemArray[i], articleArray[i]);//Update
}
let textT = document.getElementById("main-text").offsetTop;
let currentH = document.documentElement.scrollTop || document.body.scrollTop;
let sidebar = document.getElementById("sidebar");
let topScroll = document.getElementById("top-scroll");
if (currentH > textT - 130) {
sidebar.setAttribute("class", "sidebar-active");
topScroll.setAttribute("class", "top-scroll-active");
} else {
sidebar.setAttribute("class", "");
topScroll.setAttribute("class", "");
}
};
</script>
</body>
</html>