Difference between revisions of "Team:UESTC-China/HP/Silver"

Line 5: Line 5:
 
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
−
<title>Document</title>
+
<title>Team:UESTC-China/HP-Engagement - 2017.igem.org</title>
 +
 
 +
<link rel="stylesheet" href="https://2017.igem.org/Template:UESTC-China/css/bootstrap?action=raw&ctype=text/css">
 +
<script src="https://2017.igem.org/Template:UESTC-China/js/jquery?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2017.igem.org/Template:UESTC-China/js/bootstrap-js?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2017.igem.org/Template:UESTC-China/js/back-to-top?action=raw&ctype=text/javascript"></script>
 +
 
 
<link rel="stylesheet" href="https://2017.igem.org/Template:UESTC-China/css/styleset?action=raw&ctype=text/css" />
 
<link rel="stylesheet" href="https://2017.igem.org/Template:UESTC-China/css/styleset?action=raw&ctype=text/css" />
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:UESTC-China/css/Safety?action=raw&ctype=text/css" />
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:UESTC-China/css/common-use?action=raw&ctype=text/css" />
 +
 
 +
<link rel="stylesheet" type="text/css" href="css/template.css" />
 +
 
 +
<style type="text/css">
 +
.col-lg-10 .subHead {
 +
font-size: 18px !important;
 +
}
 +
 +
.col-lg-10 h2 {
 +
padding-top: 20px;
 +
}
 +
 +
.col-lg-10 a:link {
 +
text-decoration: underline;
 +
}
 +
 +
#HP-Engagement button {
 +
width: 100%;
 +
border-radius: 20px;
 +
font-size: 18px;
 +
}
 +
</style>
 +
 
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
 
 +
var qcloud = {};
 +
 
 +
$('[_t_nav]').hover(function() {
 +
 
 +
var nav = $(this).attr('_t_nav');
 +
 
 +
clearTimeout(qcloud[nav]);
 +
 
 +
qcloud[nav] = setTimeout(function() {
 +
 
 +
$('[_t_nav]').each(function() {
 +
 
 +
$(this)[nav == $(this).attr('_t_nav') ? 'addClass' : 'removeClass']('nav-up-selected');
 +
});
 +
 
 +
$('#' + nav).stop(true, true).slideDown(400);
 +
 
 +
}, 150);
 +
 
 +
}, function() {
 +
 
 +
var nav = $(this).attr('_t_nav');
 +
 
 +
clearTimeout(qcloud[nav]);
 +
 
 +
qcloud[nav] = setTimeout(function() {
 +
 
 +
$('[_t_nav]').removeClass('nav-up-selected');
 +
 
 +
$('#' + nav).stop(true, true).slideUp(400);
 +
 
 +
}, 150);
 +
 
 +
});
 +
 
 +
});
 +
</script>
 
</head>
 
</head>
  
−
<body>
+
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
 +
<!--20为监听的距离顶部的偏移像素-->
 +
<div class="head-v3">
 +
<div class="nav-up">
 +
<a href="https://2017.igem.org/Team:UESTC-China">
 +
<img src="https://static.igem.org/mediawiki/2017/3/3c/T--UESTC-China--logo.jpg" alt="" class="logo" />
 +
</a>
 +
 
 +
<div class="nav-inner">
 +
<div class="nav-v3">
 +
 
 +
<ul>
 +
<li class="" _t_nav="Achievement">
 +
<h2><a href="https://2017.igem.org/Team:UESTC-China/achievement">ACHIEVEMENT</a></h2>
 +
</li>
 +
 
 +
<li class="" _t_nav="Project">
 +
<h2><a href="javascript:void(0);">PROJECT ∨</a></h2>
 +
</li>
 +
 
 +
<li class="" _t_nav="Modeling">
 +
<h2><a href="https://2017.igem.org/Team:UESTC-China/Model">MODELING</a></h2>
 +
</li>
 +
 
 +
<li class="" _t_nav="Attribution">
 +
<h2><a href="https://2017.igem.org/Team:UESTC-China/Attributions">ATTRIBUTIONS</a></h2>
 +
</li>
 +
 
 +
<li class="" _t_nav="HumanPractice">
 +
<h2><a href="javascript:void(0);">HUMAN PRACTICE ∨</a></h2>
 +
</li>
 +
 
 +
<li class="" _t_nav="Team">
 +
<h2><a href="javascript:void(0);">TEAM ∨</a></h2>
 +
</li>
 +
 
 +
<li class="" _t_nav="Notebook">
 +
<h2><a href="javascript:void(0);">NOTEBOOK ∨</a></h2>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<div class="nav-down">
 +
<div id="Project" class="nav-down-menu" style="display: none;" _t_nav="Project">
 +
<div class="nav-down-inner">
 +
<dl style="margin-right: 670px;">
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/part">Part</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/Demonstrate">Demonstrate</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/design">Design</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/description">Introduction</a>
 +
</dd>
 +
</dl>
 +
</div>
 +
</div>
 +
 
 +
<!--<div id="Modeling" class="nav-down-menu" style="display: none;" _t_nav="Modeling">
 +
<div class="nav-down-inner">
 +
<dl style="margin-right: 565px;">
 +
<dd>
 +
<a href="https://2017.igem.org/Team:UESTC-China/overview">Overview</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a href="https://2017.igem.org/Team:UESTC-China/model-set">Model Set</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a href="https://2017.igem.org/Team:UESTC-China/docking-simulation">Docking Simulation</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a href="https://2017.igem.org/Team:UESTC-China/virtual-mutagenesis">Virtual Mutagenesis</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a href="https://2017.igem.org/Team:UESTC-China/experiment-demonstrate">Experiment Demonstrate</a>
 +
</dd>
 +
</dl>
 +
</div>
 +
</div>-->
 +
 
 +
<div id="HumanPractice" class="nav-down-menu" style="display: none;" _t_nav="HumanPractice">
 +
<div class="nav-down-inner">
 +
<dl style="margin-right: 250px;">
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/Engagement">Engagement</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/research">Supporting Research</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/our-story">Our Story</a>
 +
</dd>
 +
</dl>
 +
</div>
 +
</div>
 +
 
 +
<div id="Team" class="nav-down-menu" style="display: none;" _t_nav="Team">
 +
<div class="nav-down-inner">
 +
<dl style="margin-right: 115px;">
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/Collaborations">Collaborations</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/team-introduce">Team Introduce</a>
 +
</dd>
 +
</dl>
 +
</div>
 +
</div>
 +
 
 +
<div id="Notebook" class="nav-down-menu" style="display: none;" _t_nav="Notebook">
 +
<div class="nav-down-inner">
 +
<dl style="margin-right: 36px;">
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/InterLab">Interlab</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/safety">Safety</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/protocal">Protocal</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/Plant">Plant</a>
 +
</dd>
 +
</dl>
 +
<dl>
 +
<dd>
 +
<a class="link" href="https://2017.igem.org/Team:UESTC-China/day-note">Day Note</a>
 +
</dd>
 +
</dl>
 +
</div>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<!--************下面为正文******************-->
 +
<p><img src="https://static.igem.org/mediawiki/2017/5/5b/T--UESTC-China--placeholder_hp.jpg" alt="" class="hhh" /></p>
 +
 
 +
<div class="container">
 +
<div class="row">
 +
<nav class="col-lg-2" id="myScrollspy">
 +
<ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="400">
 +
<!--data-offset-top为监听滑动多少像素时，侧边栏进行fixed.-->
 +
<li>
 +
<a href="#Library-exhibition">Library exhibition</a>
 +
</li>
 +
<li>
 +
<a href="#Demonstrate">Demonstrate</a>
 +
</li>
 +
</ul>
 +
</nav>
 +
 
 +
<div class="col-lg-10" id="HP-Engagement">
 +
<h1>Silver</h1>
 +
<p class="mid">
 +
<a href="https://2017.igem.org/Team:UESTC-China/HP/Gold_Integrated" style="font-size: 30px;">We can see more in our gold-integrated page.</a>
 +
</p>
 +
 
 +
<div id="Library-exhibition">
 +
<h2>Library exhibition</h2>
 +
 
 +
<p>In China, when people think of synthetic biology, the potential risk of genetically modified food rather than the benefits of synthetic biology comes to their minds. . It’s hard to change this kind of stereotype or prejudice. So there are four teams which held the activity named "Synthetic Biology and Human" at the Chengdu city library. They answered the questions concerning transgenosis from citizens, and intended to change people’s views. However, a small number of people still believe that we are preaching a dangerous, unproved technology. Changing their one-sided ideas is what we strive to accomplish.</p>
 +
<p class="pic">
 +
<img src="https://static.igem.org/mediawiki/2017/4/47/T--UESTC-China--engagement_13.jpg" style="width: 46%;margin-right: 20px;" />
 +
<img src="https://static.igem.org/mediawiki/2017/d/dd/T--UESTC-China--engagement_14.jpg" style="width: 46%;" />
 +
</p>
 +
 
 +
<p class="sub-title">☁ CCiC</p>
 +
<p>This year we have also participated in the CCIC (Conference of China iGEMer Committee), and communicated with other iGEM teams from all over China.</p>
 +
<p class="pic"><img src="https://static.igem.org/mediawiki/2017/d/d6/T--UESTC-China--engagement_17.jpg" style="width: 80%;" /></p>
 +
</div>
 +
 
 +
<div id="Demonstrate">
 +
<h2>Demonstrate our project</h2>
 +
 
 +
<p>More often than not, UESTC-China iGEMers are asked a question: what do you do? After explained to some of our friends several times, we found that one single sentence can’t clearly show the significance of our project. So we recorded a music video called Believer, to better elaborate on our projects and teams. Our MV has gotten more than 1000 hits on video websites.</p>
 +
 
 +
<p class="mid">
 +
<video width="640" height="360" controls="controls">
 +
<source src="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4" type="video/mp4"></source>
 +
<!--<source src="myvideo.ogv" type="video/ogg"></source>-->
 +
<!--<source src="myvideo.webm" type="video/webm"></source>-->
 +
<!--<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
 +
<param name="movie" value="myvideo.swf" />
 +
<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
 +
</object>-->
 +
<object data="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4" width="640" height="360">
 +
<embed src="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4" width="640" height="360" />
 +
</object> 当前浏览器不支持 video直接播放，点击这里下载视频：
 +
<a href="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4">Download Video</a>
 +
</video>
 +
</p>
 +
</div>
 +
 
 +
<br /><br /><br /><br /><br />
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
<a id="btnTop" class="btnTop" href="javascript:;" title="Back to top" style="display: none;">
 +
<img src="https://static.igem.org/mediawiki/2017/f/f5/T--UESTC-China--back-to-top.png" class="imageTop">
 +
</a>
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 23:09, 30 October 2017

Team:UESTC-China/HP-Engagement - 2017.igem.org

Silver

We can see more in our gold-integrated page.

Library exhibition

In China, when people think of synthetic biology, the potential risk of genetically modified food rather than the benefits of synthetic biology comes to their minds. . It’s hard to change this kind of stereotype or prejudice. So there are four teams which held the activity named "Synthetic Biology and Human" at the Chengdu city library. They answered the questions concerning transgenosis from citizens, and intended to change people’s views. However, a small number of people still believe that we are preaching a dangerous, unproved technology. Changing their one-sided ideas is what we strive to accomplish.

☁ CCiC

This year we have also participated in the CCIC (Conference of China iGEMer Committee), and communicated with other iGEM teams from all over China.

Demonstrate our project

More often than not, UESTC-China iGEMers are asked a question: what do you do? After explained to some of our friends several times, we found that one single sentence can’t clearly show the significance of our project. So we recorded a music video called Believer, to better elaborate on our projects and teams. Our MV has gotten more than 1000 hits on video websites.