-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsite-List-20.html
385 lines (315 loc) · 16.7 KB
/
site-List-20.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
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">-->
<meta name="viewport" content="width=1920">
<!---->
<title>Community contribution -
SUMTHIMMUNOL_NMU</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="shortcut icon" href="/public/upload/20220629/20220629114456.png" type="image/x-icon">
<script src="static/js/jquery-1.8.3.min.js"></script>
<link rel="stylesheet" href="static/css/layui.css">
<link rel="stylesheet" href="static/css/common.css">
<link rel="stylesheet" href="static/css/hover.css">
<link rel="stylesheet" href="static/css/index.css">
<link rel="stylesheet" href="static/css/animate.css">
<script type="text/javascript" src="static/js/layui.js"></script>
<link rel="stylesheet" href="static/css/swiper-bundle.css">
<script type="text/javascript" src="static/js/wow.min.js"></script>
</head>
<body class="body">
<div data-loading class="load_page flex-center wow ">
<div class="flex-column-center">
<div class="img_box">
<img src="static/picture/c46e23dab4405cc4a056ee7fed600c.gif">
</div> <div class="img_box" style="max-width:400px">
<img src="static/picture/29ccab6cc89b2fbba4e0c8d7d7c6be.gif">
</div>
</div>
</div>
<header class="header w100 p-r">
<div class="head1 w100">
<div class=" ">
<div class="d-flex al-c jc-s">
<div class="d-flex al-c flex-1">
<a href="index.html" class="at_img img_100 mr20">
<img class="" src="static/picture/bcd58cd109de4d1896b03ec3d7e8cc.png">
</a>
</div>
<ul class="d-flex jc-s al-c layui-nav layui-hide-xs p-u">
<li class="layui-nav-item ">
<a href="index.html">Home</a>
<div class="b1 img_box">
<img src="static/picture/xy.png">
</div>
</li>
<li class="layui-nav-item ">
<a> Project</a>
<div class="b1 img_box">
<img src="static/picture/xy.png">
</div>
<dl class="layui-nav-child">
<dd>
<a href="background.html">Background</a>
</dd>
<dd>
<a href="design.html">Design</a>
</dd>
<dd>
<a href="result.html">Result</a>
</dd>
<dd>
<!--<a href="static/file/2353acb0b22da6619d01174d877b64.pdf" target="_blank">Report</a>-->
<a href="static/file/Report-SynthImmunol_NMU.pdf" target="_blank">Report</a>
</dd>
<dd>
<!--<a href="static/file/2353acb0b22da6619d01174d877b64.pdf" target="_blank">Supplementary information</a>-->
<a href="static/file/Supplement-SynthImmunol_NMU.pdf" target="_blank">Supplementary information</a>
</dd>
</dl>
</li>
<li class="layui-nav-item layui-this ">
<a> Team</a>
<div class="b1 img_box">
<img src="static/picture/xy.png">
</div>
<dl class="layui-nav-child">
<dd>
<a href="member.html">Member</a>
</dd>
<dd>
<a href="">Community contribution</a>
</dd>
</dl>
</li>
<li class="layui-nav-item ">
<a> Documentation</a>
<div class="b1 img_box">
<img src="static/picture/xy.png">
</div>
<dl class="layui-nav-child">
<dd>
<a href="notebook.html">NoteBook</a>
</dd>
<dd>
<a href="protocol.html">Protocol</a>
</dd>
</dl>
</li>
</ul>
<div class="layui-hide layui-show-xs-block ">
<div class="d-flex jc-fe">
<div class=" site-tree-mobile no-fixed">
<i class="layui-icon layui-icon-spread-left white_c"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layui-hide layui-show-xs-block">
<div class="layui-layout-admin ">
<div class="layui-side layui-bg-black">
<div class="layui-side-scroll">
<div class="img_box w100 mb50">
<a href="index.html" class=" img1 at_img img_box ml20 mr20">
<img class="img" src="static/picture/bcd58cd109de4d1896b03ec3d7e8cc.png">
</a>
</div>
<ul class="layui-nav layui-nav-tree site-demo-nav">
<li lay-unselect class="layui-nav-item ">
<a href="index.html">Home</a>
</li>
<li lay-unselect class="layui-nav-item ">
<a> Project</a>
<dl class="layui-nav-child">
<dd>
<a href="background.html">Background</a>
</dd>
<dd>
<a href="design.html">Design</a>
</dd>
<dd>
<a href="result.html">Result</a>
</dd>
<dd>
<!--<a href="static/file/2353acb0b22da6619d01174d877b64.pdf" target="_blank">Report</a>-->
<a href="static/file/Report-SynthImmunol_NMU.pdf" target="_blank">Report</a>
</dd>
<dd>
<!--<a href="static/file/2353acb0b22da6619d01174d877b64.pdf" target="_blank">Supplementary information</a>-->
<a href="static/file/Supplement-SynthImmunol_NMU.pdf" target="_blank">Supplementary information</a>
</dd>
</dl>
</li>
<li lay-unselect class="layui-nav-item layui-this ">
<a> Team</a>
<dl class="layui-nav-child">
<dd>
<a href="member.html">Member</a>
</dd>
<dd>
<a href="">Community contribution</a>
</dd>
</dl>
</li>
<li lay-unselect class="layui-nav-item ">
<a> Documentation</a>
<dl class="layui-nav-child">
<dd>
<a href="notebook.html">NoteBook</a>
</dd>
<dd>
<a href="protocol.html">Protocol</a>
</dd>
</dl>
</li>
<li class="layui-nav-item" style="height: 30px; text-align: center"></li>
<span class="layui-nav-bar"></span>
</ul>
</div>
</div>
</div>
</div>
<!-- <div class="site-tree-mobile layui-hide layui-show-xs-block">
<i class="layui-icon layui-icon-spread-left"></i>
</div> -->
<div class="site-mobile-shade"></div>
</header>
<div back-btn class="back_top">
<img src="static/picture/top.png">
</div>
<!-- 中间区域 -->
<div class="img_100">
<img src="static/picture/1c1e30cd78ebda73460320133cd162.png">
</div>
<section class="com_box">
<div class="layui-main">
<div class="d-grid gap100 mt80 com_ul">
<div class="item d-grid grid2 al-c wow animate__fadeInUp">
<div class="img1 img_box">
<img src="static/picture/c61ff7e4aeb9eb3aaed3068c062f8d.png">
</div>
<div class="block1 h100 d-flex flex-column pl20 pr20">
<div class="img_box">
<img src="static/picture/05f72006b3cdc0416a73562f1306f1.png">
</div>
<div class="ft38 mt40 text-align-center">Demystifying CAR-T, A Bridge for Doctor-Patient Communication</div>
<div class="flex-1 d-flex al-c ft20">
<div class="s_content ft25 arial "><p style="text-align: justify; text-indent: 2em; line-height: 1.75em;"><span style="line-height: 150%; font-family: "times new roman"; font-size: 36px;">In local hospitals, we approached the bedside to communicate and interact with patients, introducing the concept of cell therapy. We used cartoon images to present the complex CAR-T therapy to patients. For the patients who were interested in it, we additionally talked about CAR-NK therapy based on our research projects, extremely broadening their understanding of cellular therapies. Although patients had different opinions on CAR-T, most of which believed that cell therapy could provide more help for clinical treatment in the near future. And for us, we successfully let more people know about cell therapy, illuminating beacons of hope for more lives.</span></p><p><br></p></div>
</div>
</div>
</div>
<div class="item d-grid grid2 al-c wow animate__fadeInUp">
<div class="block1 h100 d-flex flex-column pl20 pr20">
<div class="img_box">
<img src="static/picture/5fcd9e703920622a2363825ac778e8.png">
</div>
<div class="ft38 mt40 text-align-center">Synthetic Biology for Reduced Animal Use and Enhanced Welfare</div>
<div class="flex-1 d-flex al-c ft20">
<div class="s_content ft25 arial "><p style="text-align: justify; text-indent: 2em; line-height: 1.75em;"><span style="font-size: 36px; font-family: "><span style="font-size: 36px; font-family: "></span><span style="font-size: 36px; font-family: "times new roman";">With the advancement of medical research, an increasing number of experiments rely on animal studies for pre-clinical research. Therefore, promoting innovation in experimental methods through new technologies is crucial to reducing the use of animals in research. We aim to share our application of synthetic biology in the context of animal experiments, as well as provide some educational insights on the topic.</span></span></p></div>
</div>
</div>
<div class="img1 img_box">
<img src="static/picture/903591ad016612e1d1a4195c8be0ad.png">
</div>
</div>
<div class="item d-grid grid2 al-c wow animate__fadeInUp">
<div class="img1 img_box">
<img src="static/picture/39a7216cb115005da273805742729f.png">
</div>
<div class="block1 h100 d-flex flex-column pl20 pr20">
<div class="img_box">
<img src="static/picture/977abd31cb60c5a0e17fc4486f042c.png">
</div>
<div class="ft38 mt40 text-align-center">To preach directed evolution and broaden researchers' ideas in the treatment of other diseases</div>
<div class="flex-1 d-flex al-c ft20">
<div class="s_content ft25 arial "><p style="line-height: 1.75em; text-align: justify; text-indent: 2em;"><span style="line-height: 150%; font-size: 36px; font-family: "times new roman";">Hanyue Liu of our team elucidated the principles of directed evolution to the assembly of biomedical researchers, highlighting its role as a sophisticated strategy that emulates natural selection to facilitate the controlled evolution of biomolecules within a laboratory setting. This innovative approach holds the potential to enhance pharmacological interventions and to broaden our repertoire of therapeutic strategies, particularly in the realm of autoimmune disorders. By harnessing directed evolution, we stand on the cusp of creating more targeted and secure treatment modalities that could usher in a new era of hope for those afflicted.</span></p><p><br></p></div>
</div>
</div>
</div>
<div class="item d-grid grid2 al-c wow animate__fadeInUp">
<div class="block1 h100 d-flex flex-column pl20 pr20">
<div class="img_box">
<img src="static/picture/8ca58acfa0a1a0c5bcfdc17b32736b.png">
</div>
<div class="ft38 mt40 text-align-center">Directed mutations enable new possibilities</div>
<div class="flex-1 d-flex al-c ft20">
<div class="s_content ft25 arial "><p style="text-indent: 32px; line-height: 1.75em; text-align: justify;"><span style="line-height: 150%; font-size: 36px; font-family: "times new roman";">For those developing targeted drugs for solid tumors, we described the concept and basic workflow of directed mutagenesis. Through a deep understanding of directed mutagenesis, drug developers may design and optimize drug structures more accurately. The heterogeneous tumor micro-environment restricted the efficacy of drugs in the treatment of solid tumors. Directed mutagenesis provides a way to enhance drug adaptability and efficacy, enabling flexible structural modifications.</span><span style="line-height: 150%; font-size: 36px;"> </span></p><p><br></p></div>
</div>
</div>
<div class="img1 img_box">
<img src="static/picture/f8bdedb933720c07d4e87c50b0df99.png">
</div>
</div>
<div class="item d-grid grid2 al-c wow animate__fadeInUp">
<div class="img1 img_box">
<img src="static/picture/a01490b7bb4822766919123fa83803.png">
</div>
<div class="block1 h100 d-flex flex-column pl20 pr20">
<div class="img_box">
<img src="static/picture/fbaf0765342155ef6d47b6c2ec84f8.png">
</div>
<div class="ft38 mt40 text-align-center">Promoting Early Cancer Screening Awareness and Advanced CAR-NK Therapy Education</div>
<div class="flex-1 d-flex al-c ft20">
<div class="s_content ft25 arial "><p style="text-indent: 32px; text-align: justify; line-height: 1.75em;"><span style="line-height: 150%; font-size: 36px; font-family: "times new roman";">During visits to university and hospital neighborhoods, we crafted educational materials based on our CAR-NK therapy research, aiming to spread knowledge on its cancer treatment applications. With the support of the residents' committees, we held lectures and Q&As, engaging audiences across ages. During these events, we elaborated on the fundamental principles and advantages of CAR-NK therapy, highlighting its promising direction for future cancer immunotherapy. This community service reinforced our commitment to advancing CAR-NK, confident it will offer hope to more cancer sufferers.</span></p><p><br></p></div>
</div>
</div>
</div>
</div>
</div>
<script src="static/js/index.js"></script>
<script>
</script>
<!-- 中间区域结束 -->
<script>
var preloads = [];
$(document).find('img',function(){
preloads.push( $(this).attr('src'));
})
const animateCSS = (element, animation, prefix = 'animate__') =>
// We create a Promise and return it
new Promise((resolve, reject) => {
const animationName = `${prefix}${animation}`;
const node = document.querySelector(element);
node.classList.add(`${prefix}animated`, animationName);
function handleAnimationEnd(event) {
event.stopPropagation();
node.classList.remove(`${prefix}animated`, animationName);
resolve('Animation ended');
}
node.addEventListener('animationend', handleAnimationEnd, {once: true});
});
function preloader() {
if (document.images) {
for(var i = 0; i < preloads.length; i++) {
var preload = new Image();
preload.src = preloads[i];
}
}
$(document).find('.load_page').addClass('animate__fadeOut')
$(document).find('body').removeClass('body')
animateCSS('.load_page', 'animate__fadeOut').then((message) => {
$(document).find('.load_page').remove()
});
}
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(preloader);
</script>
</section></body>
</html>