Difference between revisions of "Team:SZU-China/Team"

Line 1: Line 1:
 
{{SZU-China/header}}
 
{{SZU-China/header}}
 
<html>
 
<html>
<style class="cp-pen-styles">
+
#carousel3d .carousel-3d-slide {
+
<style>
display: -webkit-box;
+
.carousel-caption {
display: -ms-flexbox;
+
position: relative;
display: flex;
+
left: auto;
-webkit-box-flex: 1;
+
right: auto;
-ms-flex: 1;
+
flex: 1;
+
-webkit-box-orient: vertical;
+
-webkit-box-direction: normal;
+
-ms-flex-direction: column;
+
flex-direction: column;
+
-webkit-box-pack: center;
+
-ms-flex-pack: center;
+
justify-content: center;
+
text-align: center;
+
background-color: #fff;
+
padding: 0px;
+
-webkit-transition: all .4s;
+
transition: all .4s;
+
 
}
 
}
 
 
#carousel3d .carousel-3d-slide.current {
+
.carousel-control-next-icon {
background-color: #fff;
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
color: #fff;
+
 
}
 
}
 
 
#carousel3d .carousel-3d-slide.current span {
+
.carousel-control-prev-icon {
font-size: 20px;
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
font-weight: 500;
+
}
+
+
.carousel-3d-container figure {
+
margin: 0;
+
}
+
+
.carousel-3d-container figcaption {
+
position: absolute;
+
background-color: rgba(0, 0, 0, 0.5);
+
color: #fff;
+
bottom: 0;
+
position: absolute;
+
bottom: 0;
+
padding: 10px;
+
font-size: 14px;
+
min-width: 100%;
+
box-sizing: border-box;
+
 
}
 
}
 
</style>
 
</style>
 
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/vue&action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:SZU-China/JS/vue-carousel-3d&action=raw&ctype=text/javascript"></script>
 
  
 
<body data-spy="scroll" data-target="#myScrollspy" data-offset="10">
 
<body data-spy="scroll" data-target="#myScrollspy" data-offset="10">
 +
 
<div class="container-fluid">
 
<div class="container-fluid">
<div class="row">
 
<div class="col-9 offset-1 shadow ">
 
<div id="carousel3d">
 
<carousel-3d :width="360" :height="480" @after-slide-change="onAfterSlideChange" :perspective="0" :space="250" :display="5" :controls-visible="true" :controls-prev-html="'❬'" :controls-next-html="'❭'" :controls-width="30" :controls-height="60" :clickable="true" :autoplay="true" :autoplay-timeout="8000">
 
<slide :index="0" id="silde1">
 
  
<figure>
+
<div class="col-9 offset-1 shadow ">
<img src="https://static.igem.org/mediawiki/2018/6/65/T--SZU-China--Mingyue.jpg">
+
<div class="indent">
<figcaption>
+
<h1>PI</h1>
He is an undergraduate from Shenzhen University who majors in bioengineering. He is the leader of our team who is responsible and kind. This year is the second year for him to take part in iGEM competition and he is very proud of this. He always staying up late in our lab because nothing’s gonna change his love for doing experiment.
+
</div>
 +
<div class="row">
  
</figcaption>
+
<div class="col-6">
</figure>
+
<div class="card">
 +
<div class="row no-gutters">
 +
<div class="col-6">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/1/1e/T--SZU-China--Ad_Weizhao.jpg" />
  
</slide>
+
</div>
<slide :index="1">
+
<div class="col-6">
 +
<div class="card-block px-2">
 +
<h3 class="card-title" style="padding: 10px;">Weizhao Chen</h3>
 +
<p class="card-text" style="padding: 10px;">He is the Deputy Director of the experimental Teaching Center of Biological Sciences, Shenzhen University. He is a wonderful teacher.</p>
  
<figure>
+
</div>
<img src="https://static.igem.org/mediawiki/2018/7/7d/T--SZU-China--Chen.jpg">
+
</div>
<figcaption>
+
</div>
She is an undergraduate from Shenzhen University, majoring in clinical medicine. She is responsible for experiment and presentation in our team. She is very tough and independent. Nothing can defeat her except for sleep deprivation, but she always stays up during experiment and final month. She believes in rationalism and acts rationally all the time. She dreams of being a great doctor and work for MSF one day.s
+
</figcaption>
+
</figure>
+
</slide>
+
<slide :index="2">
+
  
<figure>
+
</div>
<img src="https://static.igem.org/mediawiki/2018/5/52/T--SZU-China--Gefei.jpg">
+
<figcaption>
+
She is an undergraduate from Shenzhen University who majors in clinical medicine. She is responsible and capable and always pushes the team and herself to try new things. She is usually tough but not in front of the delicious food so if your project this year is about losing weight then you might see her at your poster.
+
  
</figcaption>
+
</div>
</figure>
+
</slide>
+
<slide :index="3">
+
<figure>
+
<img src="https://static.igem.org/mediawiki/2018/b/ba/T--SZU-China--Jianting.jpg">
+
<figcaption>
+
Jianting Huang is an undergraduate from Shenzhen University, major in biotechnology. He is responsible for human practice in SZU-China. He is very social and popular everywhere. He has dual-degree in CS. In a word, he is awesome.
+
  
</figcaption>
+
<div class="col-6">
</figure>
+
<div class="card">
</slide>
+
<div class="row no-gutters">
<slide :index="4">
+
<div class="col-6">
<figure>
+
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/0/04/T--SZU-China--Ad_Ning.jpg" />
<img src="https://static.igem.org/mediawiki/2018/7/74/T--SZU-China--Jiaqi.jpg">
+
<figcaption>
+
He is an undergraduate student from Shenzhen University who majors in biotechnology. He has extensive experience in designing processes and organizing events, and he is responsible for Human Practice design and execution in this project. He is expert in telling some interesting stories. He enjoys writing short essays to express himself in his spare time.
+
  
</figcaption>
+
</div>
</figure>
+
<div class="col-6">
</slide>
+
<div class="card-block px-2">
<slide :index="5">
+
<h3 class="card-title" style="padding: 10px;">Ning Xie</h3>
<figure>
+
<p class="card-text" style="padding: 10px;">
<img src="https://static.igem.org/mediawiki/2018/1/16/T--SZU-China--Jingquan.jpg">
+
Dr. Ning Xie, professor in the College of Life Science,Shenzhen university, China. He is really willing to provide help for students.
<figcaption>
+
</p>
 +
</div>
 +
</div>
 +
</div>
  
He is an undergraduate from Shenzhen University's Institute of Advanced Study, who majors in biology and physics. He is a creative person and contributes to the dry lab. He is interested in the interdisciplinary nature of synthetic biology.
+
</div>
  
</figcaption>
+
</div>
</figure>
+
</slide>
+
<slide :index="6">
+
<figure>
+
<img src="https://static.igem.org/mediawiki/2018/4/43/T--SZU-China--Junyu.jpg">
+
<figcaption>
+
本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、python、Objective-C、ActionScript、Pascal、spss、sas等单词的拼写,熟悉Windows、Linux、Mac、Android、IOS、WP8等系统的开关机
+
  
</figcaption>
+
</div>
</figure>
+
<div class="indent">
</slide>
+
<h1>Advisors</h1></div>
<slide :index="7">
+
<div class="row">
<figure>
+
<img src="https://static.igem.org/mediawiki/2018/9/95/T--SZU-China--Lindong.jpg">
+
<figcaption>
+
  
He is an undergraduate from Shenzhen University who majors in bioengineering. He is conscientious about the experiment and enthusiastic to help other teammates. But he is an obsessive and always want to tidy up many things in the lab. As for dreams, he just wants to be a big boss in the future.
+
<div class="col-6">
 +
<div class="card">
 +
<div class="row no-gutters">
 +
<div class="col-6">
 +
<img class="card-img-top" style="padding-top: 100px;" src="https://static.igem.org/mediawiki/2018/a/a4/T--SZU-China--Ad_Yanling.jpg" />
  
</figcaption>
+
</div>
</figure>
+
<div class="col-6">
</slide>
+
<div class="card-block px-2">
<slide :index="8">
+
<h3 class="card-title" style="padding: 10px;">Yanling Qiu</h3>
<figure>
+
<p class="card-text" style="padding: 10px;">
<img src="https://static.igem.org/mediawiki/2018/d/d6/T--SZU-China--Roufeng.jpg">
+
She is a postgraduate in chemical engineering and biology who comes from SZU-China. Her current research interests are molecular biology, bioenergy, and fungal taxonomy. She is studying the physiological function and functional mechanism of NADPH dehydrogenase in Podospora anserina (a kind of fungi). And her motto is "when you have a dream, everything is possible".
<figcaption>
+
</p>
 +
</div>
 +
</div>
 +
</div>
  
He is a junior in computer science and software engineering at Shenzhen University. He is not very handsome but has a funny soul. He likes to challenge exciting things and experience different living environments. At the same time, he also longs for the regular and temperate life of the army.
+
</div>
  
</figcaption>
+
</div>
</figure>
+
</slide>
+
<slide :index="9">
+
<figure>
+
<img src="https://static.igem.org/mediawiki/2018/c/c9/T--SZU-China--Xiaohan.jpg">
+
<figcaption>
+
  
She is an undergraduate from Shenzhen University. She majors in physics but is responsible for software development in our team. She likes to explore programming and uses it to implement ideas. She loves cats and has two cats of her own, Pido and 66, she often helps stray cats.
+
<div class="col-6">
 +
<div class="card">
 +
<div class="row no-gutters">
 +
<div class="col-6">
 +
<img class="card-img-top" src="https://static.igem.org/mediawiki/2018/c/c9/T--SZU-China--Jiantao.jpg" />
  
</figcaption>
+
</div>
</figure>
+
<div class="col-6">
</slide>
+
<div class="card-block px-2">
<slide :index="10">
+
<h3 class="card-title" style="padding: 10px;">Jiantao Zhang</h3>
<figure>
+
<p class="card-text" style="padding: 10px;">
<img src="https://static.igem.org/mediawiki/2018/0/09/T--SZU-China--Yongshi.jpg">
+
He is an undergraduate from Shenzhen University who majors in clinical medicine. He is responsible and diligent and has a thing for basketball. He is open to public basketball challenges, so feel free to contact him.</p>
<figcaption>
+
  
She is an undergraduate from Shenzhen University who is also the youngest in the team. Within the team, she worked on all kinds of design. Music, drama and animation take an important part of her life which is also the key of her inspiration. Though is a little bit shy and not so talky, she does have a creative mind and enjoy trying new things.
+
</div>
 
+
</div>
</figcaption>
+
</div>
</figure>
+
</slide>
+
 
+
</carousel-3d>
+
<div class="abstract">
+
  
 
</div>
 
</div>
 +
 
</div>
 
</div>
  
 
</div>
 
</div>
  
<div class="col-2">
+
<!--Carousel Wrapper-->
 +
<div class="indent">
 +
<h1>Team Members</h1>
 +
</div>
 +
<div id="carousel-example-2" class="carousel slide" data-ride="carousel">
 +
<!--Indicators-->
 +
<ol class="carousel-indicators">
 +
<li data-target="#carousel-example-2" data-slide-to="0" class="active"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="1"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="2"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="3"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="4"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="5"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="6"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="7"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="8"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="9"></li>
 +
<li data-target="#carousel-example-2" data-slide-to="10"></li>
  
<nav id="myScrollspy" class="navbar navbar-light bg-light position-fixed">
+
</ol>
<nav class="nav nav-pills flex-column">
+
<!--/.Indicators-->
 +
<!--Slides-->
 +
<div class="carousel-inner" role="listbox" style="height: 600px;">
 +
<div class="carousel-item active">
 +
<div class="view text-center">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/6/65/T--SZU-China--Mingyue.jpg" alt="First slide">
 +
<div class="mask rgba-black-light"></div>
  
<a class="nav-link" href="#"></a>
+
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Mingyue Luo</h3>
 +
<p style="padding: 40px;">He is an undergraduate from Shenzhen University who majors in bioengineering. He is the leader of our team who is responsible and kind. This year is the second year for him to take part in iGEM competition and he is very proud of this. He always staying up late in our lab because nothing’s gonna change his love for doing experiment.
 +
</p>
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/7/7d/T--SZU-China--Chen.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Chen Liang</h3>
 +
<p style="padding: 40px;">She is an undergraduate from Shenzhen University, majoring in clinical medicine. She is responsible for experiment and presentation in our team. She is very tough and independent. Nothing can defeat her except for sleep deprivation, but she always stays up during experiment and final month. She believes in rationalism and acts rationally all the time. She dreams of being a great doctor and work for MSF one day.</p>
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/5/52/T--SZU-China--Gefei.jpg" alt="Third slide">
 +
<div class="mask rgba-black-slight"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Gefei Li</h3>
 +
<p style="padding: 40px;">She is an undergraduate from Shenzhen University who majors in clinical medicine. She is responsible and capable and always pushes the team and herself to try new things. She is usually tough but not in front of the delicious food so if your project this year is about losing weight then you might see her at your poster.</p>
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/b/ba/T--SZU-China--Jianting.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Jianting Huang</h3>
 +
<p style="padding: 40px;"> Jianting Huang is an undergraduate from Shenzhen University, major in biotechnology. He is responsible for human practice in SZU-China. He is very social and popular everywhere. He has dual-degree in CS. In a word, he is awesome.
 +
</p>
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/7/74/T--SZU-China--Jiaqi.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Jiaqi Tang</h3>
 +
<p style="padding: 40px;"> He is an undergraduate student from Shenzhen University who majors in biotechnology. He has extensive experience in designing processes and organizing events, and he is responsible for Human Practice design and execution in this project. He is expert in telling some interesting stories. He enjoys writing short essays to express himself in his spare time.
 +
</p>
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/1/16/T--SZU-China--Jingquan.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Jinquan Li</h3>
 +
<p style="padding: 40px;">
 +
He is an undergraduate from Shenzhen University's Institute of Advanced Study, who majors in biology and physics. He is a creative person and contributes to the dry lab. He is interested in the interdisciplinary nature of synthetic biology.
  
</nav>
+
</p>
</nav>
+
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/4/43/T--SZU-China--Junyu.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Junyu Chen</h3>
 +
<p style="padding: 40px;"> 本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、python、Objective-C、ActionScript、Pascal、spss、sas等单词的拼写,熟悉Windows、Linux、Mac、Android、IOS、WP8等系统的开关机。
 +
</p>
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/9/95/T--SZU-China--Lindong.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Lindong He</h3>
 +
<p style="padding: 40px;">
 +
He is an undergraduate from Shenzhen University who majors in bioengineering. He is conscientious about the experiment and enthusiastic to help other teammates. But he is an obsessive and always want to tidy up many things in the lab. As for dreams, he just wants to be a big boss in the future.
  
 +
</p>
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/d/d6/T--SZU-China--Roufeng.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Roufeng Guo</h3>
 +
<p style="padding: 40px;">
 +
He is a junior in computer science and software engineering at Shenzhen University. He is not very handsome but has a funny soul. He likes to challenge exciting things and experience different living environments. At the same time, he also longs for the regular and temperate life of the army.
 +
 +
</p>
 +
 +
</div>
 +
</div>
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/c/c9/T--SZU-China--Xiaohan.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Xiaohan Xie</h3>
 +
<p style="padding: 40px;">
 +
She is an undergraduate from Shenzhen University. She majors in physics but is responsible for software development in our team. She likes to explore programming and uses it to implement ideas. She loves cats and has two cats of her own, Pido and 66, she often helps stray cats.
 +
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="carousel-item">
 +
<!--Mask color-->
 +
<div class="view">
 +
<img class="d-block mx-auto" width="300px" src="https://static.igem.org/mediawiki/2018/0/09/T--SZU-China--Yongshi.jpg" alt="Second slide">
 +
<div class="mask rgba-black-strong"></div>
 +
</div>
 +
<div class="carousel-caption">
 +
<h3 class="h3-responsive">Yongshi Ye</h3>
 +
<p style="padding: 40px;">
 +
She is an undergraduate from Shenzhen University who is also the youngest in the team. Within the team, she worked on all kinds of design. Music, drama and animation take an important part of her life which is also the key of her inspiration. Though is a little bit shy and not so talky, she does have a creative mind and enjoy trying new things.
 +
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
<!--/.Slides-->
 +
<!--Controls-->
 +
<a class="carousel-control-prev" href="#carousel-example-2" role="button" data-slide="prev">
 +
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
 +
<span class="sr-only">Previous</span>
 +
</a>
 +
<a class="carousel-control-next" href="#carousel-example-2" role="button" data-slide="next">
 +
<span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
<span class="sr-only">Next</span>
 +
</a>
 +
<!--/.Controls-->
 
</div>
 
</div>
 +
<!--/.Carousel Wrapper-->
 +
</div>
 +
 +
<div class="col-2">
 +
 +
<nav id="myScrollspy" class="navbar navbar-light bg-light position-fixed">
 +
<nav class="nav nav-pills flex-column">
 +
 +
<a class="nav-link" href="#"></a>
 +
 +
</nav>
 +
</nav>
  
 
</div>
 
</div>
Line 192: Line 313:
 
</div>
 
</div>
  
<script>
+
</body>
new Vue({
+
el: '#carousel3d',
+
data: {
+
slides: 11
+
},
+
methods: {
+
onAfterSlideChange(index) {
+
console.log(index)
+
return index;
+
  
},
+
<script>
onBeforeSlideChange(index) {
+
// When the DOM is ready, run this function
console.log('@onBeforeSlideChange Callback Triggered', 'Slide Index ' + index)
+
$(document).ready(function() {
},
+
//Set the carousel options
onLastSlide(index) {
+
$(function() {
console.log('@onLastSlide Callback Triggered', 'Slide Index ' + index)
+
$('.carousel').carousel({
}
+
interval: 6000
},
+
});
components: {
+
});
'carousel-3d': Carousel3d.Carousel3d,
+
});
'slide': Carousel3d.Slide
+
</script>
}
+
})
+
//# sourceURL=pen.js
+
</script>
+
  
</body>
 
  
 
</html>
 
</html>

Revision as of 10:31, 13 October 2018

PI

Weizhao Chen

He is the Deputy Director of the experimental Teaching Center of Biological Sciences, Shenzhen University. He is a wonderful teacher.

Ning Xie

Dr. Ning Xie, professor in the College of Life Science,Shenzhen university, China. He is really willing to provide help for students.

Advisors

Yanling Qiu

She is a postgraduate in chemical engineering and biology who comes from SZU-China. Her current research interests are molecular biology, bioenergy, and fungal taxonomy. She is studying the physiological function and functional mechanism of NADPH dehydrogenase in Podospora anserina (a kind of fungi). And her motto is "when you have a dream, everything is possible".

Jiantao Zhang

He is an undergraduate from Shenzhen University who majors in clinical medicine. He is responsible and diligent and has a thing for basketball. He is open to public basketball challenges, so feel free to contact him.

Team Members