Difference between revisions of "Team:UESTC-China/Human Practices"

Line 10: Line 10:
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/zzcs?action=raw&amp;ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/zzcs?action=raw&amp;ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/bootnav?action=raw&amp;ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/bootnav?action=raw&amp;ctype=text/css">
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/xuanfucss?action=raw&amp;ctype=text/css" />
 
 
<style type="text/css">
 
<style type="text/css">
 
.hehe{
 
.hehe{
Line 19: Line 18:
 
     z-index:inherite;
 
     z-index:inherite;
 
     background-color:#31b0d5;
 
     background-color:#31b0d5;
     margin-top:30px;
+
     margin-top:5px;
 
     margin-bottom:-30px
 
     margin-bottom:-30px
 
}
 
}
Line 100: Line 99:
 
nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
 
nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
 
}
 
}
         @media only screen and (max-width: 768px) {
+
        .zhengwen{
 +
            text-indent:30.0pt;
 +
            line-height:180%;
 +
            font-family:'Candara',sans-serif;
 +
            font-size:15.0pt;
 +
            color:black;
 +
            background:white;
 +
            text-align:justify;
 +
        }
 +
        .zhengwen p{
 +
            text-indent:30.0pt;
 +
            line-height:180%;
 +
            font-family:'Candara',sans-serif;
 +
            font-size:15.0pt;
 +
            color:black;
 +
            background:white;
 +
        }
 +
        .bigtitle{
 +
            line-height:200%;
 +
            text-align:center;
 +
            font-family:'Cooper Black',serif;
 +
            font-size:23.0pt;
 +
            color:#5e5e5e;
 +
            background:#d5faff;
 +
            border-radius: 9px;
 +
            margin-bottom: 15px;
 +
        }
 +
        .smtitle{
 +
            line-height:200%;
 +
            font-family:'Cooper Black',serif;
 +
            font-size:16.0pt;
 +
            color:black;
 +
            background:white;
 +
        }
 +
        .xstitle{
 +
            font-family:'Candara',sans-serif;
 +
            font-size:15.0pt;
 +
            color:black;
 +
            background:white;
 +
            line-height:180%;
 +
        }
 +
         @media only screen and (max-width: 820px) {
 
   .hide-on-med-and-down {
 
   .hide-on-med-and-down {
 
     display: none !important;
 
     display: none !important;
 
   }
 
   }
 
}
 
}
 +
        .scroll{
 +
width:100px;
 +
height:130px;
 +
color:#fff;
 +
line-height:80px;
 +
text-align:center;
 +
position:fixed;
 +
right:30px;
 +
bottom:80px;
 +
cursor:pointer;
 +
font-size:14px;
 +
                z-index:100;
 +
}
 +
        @media only screen and (max-width: 820px) {
 +
  .scroll {
 +
    display: none !important;
 +
  }
 +
}
 +
.fl_l{
 +
width: 200px;
 +
float: left;
 +
background: #fff;
 +
                font-family:'Candara',sans-serif;
 +
                font-size:15.0px;
 +
}
 +
        .fl_l li{
 +
                list-style:none;
 +
        }
 +
.fl_l li a{
 +
text-align: left;
 +
display: block;
 +
color: #333;
 +
font-size: 15px;
 +
line-height: 200%;
 +
                padding-left:10px;
 +
                outline: none;
 +
                border-left: 5px solid #fff;
 +
}
 +
.fl_l li.active a{
 +
background: #fff;
 +
color: #f00;
 +
                border-left: 5px solid #f00;
 +
                outline: none;
 +
}
 +
.fl_r{
 +
 +
}
 +
.fl_r li{
 +
                list-style:none;
 +
}
 +
 
</style>
 
</style>
<script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/jquery?action=raw&amp;ctype=text/javascript"></script>
+
 
<script type="text/javascript">
+
 
$(document).ready(function(e) {
+
t = $('.fixed').offset().top;
+
mh = $('.main').height();
+
fh = $('.fixed').height();
+
$(window).scroll(function(e){
+
s = $(document).scrollTop();
+
if(s > t - 100){
+
$('.fixed').css('position','fixed');
+
                        $('.fixed').css('top','100px');
+
}else{
+
$('.fixed').css('position','');
+
}
+
})
+
});
+
</script>
+
 
</head>
 
</head>
 
<body>
 
<body>
 +
 +
<div class="scroll" id="scroll" style="display:none; ">
 +
<img src="https://static.igem.org/mediawiki/2018/7/7d/T--UESTC-China--up.png" width="100%">
 +
</div>
 +
  
 
<div class="demo" style="padding: 0 0; z-index:9999">
 
<div class="demo" style="padding: 0 0; z-index:9999">
Line 170: Line 251:
 
<ul class="dropdown-menu animated fadeOutUp">
 
<ul class="dropdown-menu animated fadeOutUp">
 
<li><a href="#">Day Note</a></li>
 
<li><a href="#">Day Note</a></li>
<li><a href="#">protocal</a></li>
+
<li><a href="#">protocol</a></li>
 
<li><a href="#">safety</a></li>
 
<li><a href="#">safety</a></li>
 
<li><a href="#">..........</a></li>
 
<li><a href="#">..........</a></li>
Line 192: Line 273:
 
<div class="team" style="margin-top:-30px; position:relative; width:100%; z-index:1; background-color:#fff">
 
<div class="team" style="margin-top:-30px; position:relative; width:100%; z-index:1; background-color:#fff">
 
     <div class="team-title" style="z-index:100">
 
     <div class="team-title" style="z-index:100">
         <img src="https://static.igem.org/mediawiki/2018/7/7a/T--UESTC-China--hptop.jpg" style="width: 100%; margin-top:50px;">
+
         <img src="https://static.igem.org/mediawiki/2018/7/71/T--UESTC-China--spresearch.jpg" style="width: 100%; margin-top:45px;">
 
     </div>
 
     </div>
  
     <div class="neirong" style="position:relative; z-index:1 ;padding:50px 6%; background-color:#fff">
+
     <div class="neirong" style="position:relative; z-index:1 ;padding:50px 8%; background-color:#fff">
        <div class="row member">
+
<div class="row member">
           
+
            <div class="col-md-3 col-sm-4">
+
              <div class="fixed">
+
              <menu id="tocc" class="hide-on-med-and-down" style="padding: 0.1px; left: 80px; z-index:1;">
+
                <h2>Human Practices:</h2>
+
                <ul>
+
                    <li><a href="#yi" style="color: black;">"Gene go!"</a></li>
+
                    <li><a href="#2"  style="color: black;">lab open day</a></li>
+
                    <li><a href="#3" style="color: black;">Video</a></li>
+
                </ul>
+
  
              </menu>
+
<div class="col-md-2 col-sm-4">
              </div>
+
                    <div class="fixed" style="position:fixed; top:300px; ">
            </div>
+
<menu id="tocc" class="hide-on-med-and-down" style="padding: 0.1px; left: 0px; z-index:1; font-family:'Candara',sans-serif;">
            <div class="main col-md-9 col-sm-8 col-xs-12">
+
                             
                <p id="1" class="MsoNormal" style="line-height:100%; text-align:center;"><span style="line-height:100%; font-family:'Cooper Black',serif; font-size:20.0pt; color:black; background:white; ">&nbsp;"Gene go!"</span></p>
+
<ul class="fl_l" style="margin-top:200px; opacity:0;">
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" size="3" color="#555">
+
<li><a href="#">“Gene Go!”</a></li>
 +
<li><a href="#">High School Education</a></li>
 +
<li><a href="#">Our Edutainment Item</a></li>
 +
<li><a href="#">Meet-up</a></li>
 +
                                        <li><a href="#">Our work</a></li>
 +
</ul>
 +
</menu>
 +
                    </div>
 +
</div>
 +
<div class="main col-md-10 col-sm-8 col-xs-12">
  
 +
<ul  class="fl_r">
 +
    <li>
 +
        <div class="bigtitle">
 +
            "Gene go!"
 +
        </div>
 +
        <div class="zhengwen">
 +
            “Gene go!” was held in Sichuan Science and Technology Museum(SCSTM) on June 17 by UESTC-China and UESTC-Software, which is an event of Education and Public Engagement. We released information on the activities through the platform of SCSTM. Within one day, we received registration forms from more than 300 families, reaching the maximum capacity of the activity.
 +
        </div>
 +
        <div  class="zhengwen">
 +
            “Gene go!” including five section, such as DIY classroom, “Cellulose Go” Show, Exploring the micro world etc. We created an atmosphere of synthetic biology, telling them what is iGEM and what we’re doing for the world.
 +
        </div>
 +
        <div class="zhengwen">
 +
            “Gene go!” was appreciated by SCSTM and a lot of parents, they both expected us to hold such a great event next year.
 +
        </div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/3/32/T--UESTC-China--hpkaitou.jpg" width="100%"></div>
 +
        <p class="konghang" style="text-indent:30.0pt;line-height:200%;"><span style=" font-size:15.0pt; ">&nbsp;</span></p>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;DIY  Classroom</div>
 +
        <div class="xstitle">
 +
            a) &nbsp; Making a leaf vein bookmark
 +
        </div>
 +
        <div class="zhengwen">
 +
            Based on cellulose, which plays an important part in our project, we set up our first course called “Making a leaf vein bookmark”. Through the process of making vein bookmarks, the children can easily recognize the toughness of the veins and learn about cellulose which plays an important role in it
 +
        </div>
 +
        <div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/4/40/T--UESTC-China--hpA11.jpg" width="100%"></div>
 +
        <div class="xstitle">
 +
            b) &nbsp; Making cell model with plasticine
 +
        </div>
 +
        <div class="zhengwen">
 +
            The second course we set up called “Making cell model with plasticine”. We introduced the cell model to children simply and took them to make cell models with plasticine. Under our careful guidance, the children succeeded in making beautiful cell models. After class, the children said they were happy to learn the structure of cell today.
 +
        </div>
 +
        <div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/5/5d/T--UESTC-China--hpA12.jpg" width="100%"></div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;Exploring the micro world</div>
 +
        <div class="zhengwen">
 +
            After finishing the course of “Making cell model with plasticine”, we led the children to observe the real cells with microscopes. We also offer different types of slices, taking them to operate the microscope and introduce related knowledge to them.
 +
        </div>
 +
        <div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/f/f6/T--UESTC-China--hpA2.jpg" width="100%"></div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;“Cellulose Go” Stage Play</div>
 +
        <div class="zhengwen">
 +
            We have adapted our project “Straw-Degrading Energy E.coli” into a stage play called “Cellulose Go” to explain our project. In the play, our protagonist “Cellulose” is an adventurer who is aiming at exploring ways to change herself into clean energy. But she was prisoned by the big devil, lignin. At this time, 3 warriors from UESTC take their plasmid sword to save the cellulose and help her change into clean energy.
 +
        </div>
 +
        <div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/4/48/T--UESTC-China--hpA3.jpg" width="100%"></div>
 +
        <div class="zhengwen">
 +
            It was a play that combined knowledge and fun. The stage play was so interesting that the children all burst out laughing. We also set some questions after our play to see whether children have learned from it. We were impressed by a girl who not only gave us the right answer of “Why butanol is harmful to bacterial” but also explained her choice perfectly with the plot in our play.
 +
        </div>
 +
        <div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/5/57/T--UESTC-China--hpA32.jpg" width="100%"></div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;Gene Card</div>
 +
        <div class="zhengwen">
 +
            We invited children to play gene card. Children had fun and learned synthetic biology’s basic process and tools in the game. Gene card successfully provoked their interest to synthetic biology.
 +
        </div>
 +
        <div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/8/89/T--UESTC-China--hpA4.jpg" width="100%"></div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;Learning about iGEM</div>
 +
        <div class="zhengwen">
 +
            We have designed several posters about iGEM and Synthetic Biology for exhibition, introducing what is iGEM and what we are doing for changing the world.
 +
        </div>
 +
        <div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/9/9e/T--UESTC-China--hpA5.jpg" width="100%"></div>
 +
        <p class="konghang" style="text-indent:30.0pt;line-height:200%;"><span style=" font-size:15.0pt; ">&nbsp;</span></p>
 +
    </li>
  
  
<p class="MsoNormal" style="text-indent:30.0pt;line-height:200%;"><span style=" font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">"Gene go!" was held in Sichuan Science  and Technology Museum on June </span><span style="font-size:15.0pt; color:black; background:white; ">17</span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; "> by UESTC-China and UESTC-Software, which is an event of Education and Public  Engagement. We released information on the activities through the platform of SCSTM.  Within one day, we received registration </span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">forms from more than 300 families, reaching the maximum capacity  of the activity.</span></p>
 
<p class="MsoNormal" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">"</span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">Gene go!</span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">"</span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; "> including five section, such as DIY classroom, </span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">"</span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">Cellulose Go</span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">"</span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; "> Show, Exploring the micro  world etc. We created an atmosphere of synthetic biology, telling them what is  iGEM</span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; "> and what we're doing for the world. </span></p>
 
<p class="MsoNormal" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">"Gene go!" was appreciated by SCSTM and  a lot of parents, they both expected us to hold such a great event next year.</span></p>
 
  
<div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/3/32/T--UESTC-China--hpkaitou.jpg" width="100%"></div>
 
  
<p class="MsoNormal" style="line-height:200%;"><span style="line-height:200%; font-family:'Cooper Black',serif; font-size:16.0pt; color:black; background:white; "><i class="fa fa-chevron-right"></i>&nbsp;DIY  Classroom</span></p>
+
    <li>
<ol>
+
        <div class="bigtitle">
  <li><strong><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">Making  a leaf vein bookmark</span></strong></li>
+
            High School Education
</ol>
+
        </div>
<p class="MsoListParagraph" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">Based  on cellulose, which plays an important part in our project, we set up our first  course called"Making a leaf vein bookmark". Through the process of making vein  bookmarks, the children can easily recognize the toughness of the veins and  learn about cellulose which plays an important role in it</span></p>
+
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;lab open day</div>
 +
        <div class="zhengwen">
 +
            We held a lab open day which attracted students of Chengdu NO.7 middle school. We introduced iGEM to them and showed them around our lab. At last we let them do some basic experiments and they experienced the real life of lab.
 +
        </div>
 +
        <div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/e/e7/T--UESTC-China--hpB.jpg" width="100%"></div>
 +
        <div class="smtitle">
 +
            Video for the Experimental High School Attached to UESTC:
 +
        </div>
 +
        <div style="padding:20px 10%;">
 +
          <video controls="controls" width="100%">
 +
<source src="https://static.igem.org/mediawiki/2018/a/a7/T--UESTC-China--hpCs.mp4" type="video/mp4">
 +
<!--<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>
 +
        </div>
 +
        <div class="zhengwen">What is synthetic biology?</div>
 +
        <div class="zhengwen">What can synthetic biology do?</div>
 +
        <div class="zhengwen">What filed synthetic biology contributes for? </div>
 +
        <div class="zhengwen">All answers are in our advertising video for the Experimental High School Attached to UESTC.</div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;Team establishment of Chengdu no. 4 High School:</div>
 +
        <div class="zhengwen">
 +
            In order to increase the influence of iGEM in the southwest region and facilitate the participation of iGEM events in the southwest region, some members of the iGEM school team of our university went to Chengdu no. 4 high school for recruitment and publicity. We spread the knowledge of iGEM to them, and answer questions for students who are willing to form a team. With our help, they establish an iGEM team this year.
 +
        </div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/b/b5/T--UESTC-China--hpsp1.jpg" width="100%"></div>
 +
        <p class="konghang" style="text-indent:30.0pt;line-height:200%;"><span style=" font-size:15.0pt; ">&nbsp;</span></p>
 +
    </li>
  
<div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/4/40/T--UESTC-China--hpA11.jpg" width="100%"></div>
 
  
<ol>
 
  <li><strong><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">Making  cell model with plasticine</span></strong></li>
 
</ol>
 
<p class="MsoListParagraph" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">The  second course we set up called "Making cell model with plasticine". We  introduced the cell model to children simply and took them making cell model  with plasticine. Under our careful guidance, the children succeeded in making  beautiful cell models. After class, the children said they were happy could  learn the structure of cell today. </span></p>
 
  
<div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/5/5d/T--UESTC-China--hpA12.jpg" width="100%"></div>
 
  
<p class="MsoListParagraph" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">&nbsp;</span></p>
+
    <li>
<p class="MsoNormal" style="line-height:200%;"><span style="font-family:'Cooper Black',serif; font-size:16.0pt; color:black; background:white; "><i class="fa fa-chevron-right"></i>&nbsp;Exploring  the micro world</span></p>
+
        <div class="bigtitle">
 +
            Our Edutainment Item
 +
        </div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;Plasmid Rubik</div>
 +
        <div class="zhengwen">
 +
            We place a plasmid ring which contains promoter, terminator, target gene and resistant gene on each side of the Rubik, different genes can produce different plasmid ring. It shows more fun and possibility in combination of gene. We hope Plasmid Rubik could help people to learn about synthetic biology as edutainment.
 +
        </div>
 +
        <div class="zhengwen">Part:</div>
 +
        <div class="zhengwen">Promoter:Starting switch for transcription work.</div>
 +
        <div class="zhengwen">Target gene: The gene we want to express.</div>
 +
        <div class="zhengwen">Resistance gene:The gene fragment, which is selection marker of the plasmid.</div>
 +
        <div class="zhengwen">Tools:Environmental-friendly resin, 3D printer</div>
 +
        <div class="zhengwen">Operation:There is only one goal: making a correct plasmid on every side, no matter what combination it is.</div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/d/d2/T--UESTC-China--hpsp2.png" width="100%"></div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;Crazy Lab</div>
 +
        <div class="zhengwen">
 +
            Our board game “Crazy Lab” combines our project this year. The “Crazy Lab” describes how we turn the straw into hydrogen and butanol. We design an interesting story to make it more relevant to life. We want to share it with more people, expecting them to know about our project and the fun of synthetic biology.
 +
        </div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/thumb/f/fd/T--UESTC-China--hpsp3.png/800px-T--UESTC-China--hpsp3.png" width="100%"></div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;Gene Card online</div>
 +
        <div class="zhengwen">
 +
            “Gene Card online” is a turn-based online card game adapting from our product, “Gene Card”, which is a card game based on synthetic biology and genetic engineering. The game is a turn-based game. Through the game between players, the first to get six different base cards will win the game. It was very popular among iGEMers last year, so we decide to put it online.
 +
        </div>
 +
        <div style="text-align: center"><a href="http://igem.uestc.edu.cn/genecard/index2.html" class="btn btn-info btn-lg" style="color:white;">Click here to experience the Gene Card</a></div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/3/39/T--UESTC-China--hpsp4.png" width="100%"></div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/9/95/T--UESTC-China--hpsp5.jpg" width="100%"></div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;E.mocoli</div>
 +
        <div class="zhengwen">
 +
            Using coli as a prototype, we created a series of emoticon similar to Emoji for iGEMers’ daily use. All expressions are drawn by members of UESTC-China and they are still being added. Their inspiration comes from our daily and experiments, even our educational product. And now, we are trying to applying for qualification of putting it on emoticon store such as WeChat and Twitter.
 +
        </div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/5/51/T--UESTC-China--hpsp6.jpg" width="100%"></div>
 +
        <p class="konghang" style="text-indent:30.0pt;line-height:200%;"><span style=" font-size:15.0pt; ">&nbsp;</span></p>
 +
    </li>
  
<p class="MsoListParagraph" style="text-indent:30.0pt;line-height:200%;"><span style="line-height:200%; font-family:'Candara',sans-serif; font-size:15.0pt; color:black; ">After finishing the course of "</span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">Making cell model with  plasticine</span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; ">", we led the children to observe the  real cells with microscopes. We also offer different types of slices, taking  them to operate the microscope and introduce related knowledge to them.</span></p>
 
  
<div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/f/f6/T--UESTC-China--hpA2.jpg" width="100%"></div>
 
  
<p class="MsoListParagraph" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; ">&nbsp;</span></p>
 
<p class="MsoNormal" style="line-height:200%;"><span style="font-family:'Cooper Black',serif; font-size:16.0pt; color:black; background:white; "><i class="fa fa-chevron-right"></i>&nbsp;"Cellulose  Go" Stage Play</span></p>
 
  
<p class="MsoListParagraph" style="text-indent:22.5pt;line-height:200%;background:white;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">We have adapted our project  "Straw-Degrading Energy E.coli" into a stage play called "Cellulose Go" to explain  our project. In the play, our protagonist "Cellulose" is an adventurer who is  aiming at exploring ways to change herself into clean energy. But she was  prisoned by the big devil, lignin. At this time, 3 warrior from UESTC take their  plasmid sword to save the cellulose and help her change into clean energy. </span></p>
 
  
<div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/4/48/T--UESTC-China--hpA3.jpg" width="100%"></div>
 
  
<p class="MsoListParagraph" style="text-indent:22.5pt;line-height:200%;background:white;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">It was a play that combined knowledge  and fun. The stage play was so interesting that the children all burst out  laughing. We also set some questions after our play to see whether children  have learned from it. We were impressed by a girl who not only gave us the right answer of "Why butanol is harmful to bacterial" but also explained her  choice perfectly with the plot in our play. </span></p>
+
    <li>
 +
        <div class="bigtitle">
 +
            Meet-up
 +
        </div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;E.mocoli</div>
 +
        <div class="zhengwen">
 +
            As the "Southwest Union" (iGEM team in Southwest China exchange seminar, UESTC-China) founder, we actively participate in mutual exchanges and academic discussions on a yearly basis and meet with other research teams in the region so as to seeking for new cooperation and breakthroughs.
 +
        </div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/5/5f/T--UESTC-China--hpsp7.jpg" width="100%"></div>
 +
        <div class="zhengwen">
 +
            This is the 4th Southwest Union which is hosted by SiCAU. The teams participating this year are SiCAU, UESTC-China, UESTC-software and SCU. We make a presentation in our project design and experimental progress, sharing the difficulties we encountered and experience in the project with each other.
 +
        </div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;Forum with SCU and NWU</div>
 +
        <div class="zhengwen">
 +
            We meet up with SCU-China and NWU-CHINA to have a discussion with them in our recent work. We exchange our experience in experiment, Design and Human Practice with each other.
 +
        </div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/c/c8/T--UESTC-China--hpsp8.jpg" width="100%"></div>
 +
        <div class="smtitle"><i class="fa fa-chevron-right"></i>&nbsp;CCiC(Conference of China iGEMer Committee)</div>
 +
        <div class="zhengwen">
 +
            This year we have also participated in the 5th CCIC (Conference of China iGEMer Committee), and communicated with other iGEM teams from all over China.
 +
        </div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/f/f3/T--UESTC-China--hpsp9.jpg" width="100%"></div>
 +
        <div class="zhengwen">
 +
            The conference was hosted by Shanghaitech and welcomed more than 480 people from all over the country. Meanwhile, the meeting also invited Ms. Meagan Lizarazo and some well-known scholars in the field of synthetic biology to give us a chance talking with them face to face.
 +
        </div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/3/3b/T--UESTC-China--hpsp10.jpg" width="100%"></div>
 +
        <div class="zhengwen">
 +
            In addition to the presentation and posters, we also shared our experience in Education and Public Engagement these year as a special guest. We made a presentation of our innovative ideas such as gene cards, Emoji-coli, and Plasmid Rubik, which have been warmly welcomed by various teams.
 +
        </div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/9/99/T--UESTC-China--hpsp11.png" width="100%"></div>
 +
        <div class="chatu" style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/a/a4/T--UESTC-China--hpsp12.png" width="100%"></div>
 +
    </li>
  
<div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/5/57/T--UESTC-China--hpA32.jpg" width="100%"></div>
 
  
<p class="MsoListParagraph" style="text-indent:22.5pt;line-height:200%;background:white;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">&nbsp;</span></p>
 
<p class="MsoListParagraph" style="text-indent:0cm;line-height:200%;"><span style="font-family:'Cooper Black',serif; font-size:16.0pt; color:black; background:white; "><i class="fa fa-chevron-right"></i>&nbsp;Gene Card</span></p>
 
  
<p class="MsoListParagraph" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">We  invited children to play gene card. Children had fun and learned synthetic  biology's basic process and tools in the game. Gene card successfully provoked  their interest to synthetic biology.</span></p>
+
    <li>
 
+
        <div class="bigtitle">
<div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/8/89/T--UESTC-China--hpA4.jpg" width="100%"></div>
+
            Our work
 
+
        </div>
<p class="MsoListParagraph" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">&nbsp;</span></p>
+
        <div class="zhengwen">
<p class="MsoListParagraph" style="text-indent:0cm;line-height:200%;"><span style="font-family:'Cooper Black',serif; font-size:16.0pt; color:black; background:white; "><i class="fa fa-chevron-right"></i>&nbsp;Learning about iGEM</span></p>
+
            We made a small video for ourselves to record our daily experiments~
 
+
        </div>
<p class="MsoListParagraph" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">We  have designed several exhibition boards on iGEM and Synthetic Biology,  introducing what is iGEM and what we are doing for changing the world.</span></p>
+
        <div style="padding:20px 10%;">
 
+
<div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/9/9e/T--UESTC-China--hpA5.jpg" width="100%"></div>
+
 
+
<p id="2" class="MsoListParagraph" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; background:white; ">&nbsp;</span></p>
+
<p class="MsoNormal" style="line-height:100%; text-align:center;"><span style="font-family:'Cooper Black',serif; font-size:20.0pt; color:black; background:white; "> </span><span style="font-family:'Cooper Black',serif; font-size:20.0pt; color:black; background:white; ">lab open day</span></p>
+
 
+
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" size="3" color="#555">
+
 
+
 
+
<p class="MsoNormal" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; ">We held a lab open day which attracted students of Chengdu NO.</span><span style="line-height:200%; font-size:15.0pt; color:black; ">7</span><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; "> middle school. We introduced iGEM to them and showed them around our lab. At last we let them do some basic experiments and they experienced the real life of lab.</span></p>
+
 
+
<div style="padding:20px 10%;"><img src="https://static.igem.org/mediawiki/2018/e/e7/T--UESTC-China--hpB.jpg" width="100%"></div>
+
 
+
<p id="3" class="MsoNormal" style="line-height:200%;"><span style="font-family:'Cooper Black',serif; font-size:20.0pt; color:black; background:white; ">&nbsp;</span></p>
+
 
+
<p class="MsoNormal" style="line-height:100%; text-align:center;"><span style="font-family:'Cooper Black',serif; font-size:20.0pt; color:black; background:white; ">Video  for the Experimental High School Attached to UESTC</span><span style="line-height:100%; font-size:20.0pt; color:black; background:white; ">:</span><span style="font-family:'Cooper Black',serif; font-size:20.0pt; color:black; background:white; "> </span></p>
+
 
+
<hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="100%" size="3" color="#555">
+
 
+
<div style="padding:20px 10%;">
+
 
           <video controls="controls" width="100%">
 
           <video controls="controls" width="100%">
 
<source src="https://static.igem.org/mediawiki/2018/a/a7/T--UESTC-China--hpCs.mp4" type="video/mp4">
 
<source src="https://static.igem.org/mediawiki/2018/a/a7/T--UESTC-China--hpCs.mp4" type="video/mp4">
Line 299: Line 493:
 
</object> 当前浏览器不支持 video直接播放,点击这里下载视频:
 
</object> 当前浏览器不支持 video直接播放,点击这里下载视频:
 
<a href="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4">Download Video</a>
 
<a href="https://static.igem.org/mediawiki/2017/2/29/T--UESTC-China--MV.mp4">Download Video</a>
</video></div>
+
</video>
 
+
<p class="MsoNormal" style="line-height:200%;"><span style="font-family:'Cooper Black',serif; font-size:20.0pt; color:black; background:white; ">&nbsp;</span></p>
+
<p class="MsoNormal" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; ">What is  synthetic biology?</span></p>
+
<p class="MsoNormal" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; ">What can  synthetic biology do?</span></p>
+
<p class="MsoNormal" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; ">What filed  synthetic biology contributes for? </span></p>
+
<p class="MsoNormal" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; ">All answers  are in our advertising video for UESTC high school.</span></p>
+
            </div>
+
 
         </div>
 
         </div>
 +
    </li>
 +
</ul>
 +
 +
</div>
 +
</div>
 +
<div style="clear: both;"></div>
 +
</div>
 +
</div>
 +
  
  
    </div>
 
 
<div class="hehe" style="background-color:balck">
 
<div class="hehe" style="background-color:balck">
 
         <div class="container">
 
         <div class="container">
Line 336: Line 531:
 
<script src="https://2018.igem.org/Template:UESTC-China/Javascript/bootjs?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/Template:UESTC-China/Javascript/bootjs?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/bootnav?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/bootnav?action=raw&amp;ctype=text/javascript"></script>
 +
 +
<script type="text/javascript">
 +
$(function(){
 +
//设置标杆
 +
var _line=parseInt($(window).height()/3);
 +
$(window).scroll(function(){
 +
 +
//滚动730px,左侧导航固定定位
 +
if ($(window).scrollTop()>600) {
 +
$('.fl_l').css({'opacity':'1'})
 +
}else{
 +
$('.fl_l').css({'opacity':'0'})
 +
};
 +
$('.fl_l li').eq(0).addClass('active');
 +
//滚动到标杆位置,左侧导航加active
 +
$('.fl_r li').each(function(){
 +
var _target=parseInt($(this).offset().top-$(window).scrollTop()-_line);
 +
var _i=$(this).index();
 +
if (_target<=0) {
 +
$('.fl_l li').removeClass('active');
 +
$('.fl_l li').eq(_i).addClass('active');
 +
}
 +
//如果到达页面底部,给左侧导航最后一个加active
 +
else if($(document).height()==$(window).scrollTop()+$(window).height()){
 +
$('.fl_l li').removeClass('active');
 +
$('.fl_l li').eq($('.fl_r li').length-1).addClass('active');
 +
}
 +
});
 +
});
 +
$('.fl_l li').click(function(){
 +
$(this).addClass('active').siblings().removeClass('active');
 +
var _i=$(this).index();
 +
$('body, html').animate({scrollTop:$('.fl_r li').eq(_i).offset().top-_line},500);
 +
});
 +
});
 +
</script>
 +
<script type="text/javascript">
 +
$(function(){
 +
showScroll();
 +
function showScroll(){
 +
$(window).scroll( function() {
 +
var scrollValue=$(window).scrollTop();
 +
scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
 +
} );
 +
$('#scroll').click(function(){
 +
$("html,body").animate({scrollTop:0},200);
 +
});
 +
}
 +
})
 +
</script>
 +
 +
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 09:00, 9 October 2018

team

  • "Gene go!"
    “Gene go!” was held in Sichuan Science and Technology Museum(SCSTM) on June 17 by UESTC-China and UESTC-Software, which is an event of Education and Public Engagement. We released information on the activities through the platform of SCSTM. Within one day, we received registration forms from more than 300 families, reaching the maximum capacity of the activity.
    “Gene go!” including five section, such as DIY classroom, “Cellulose Go” Show, Exploring the micro world etc. We created an atmosphere of synthetic biology, telling them what is iGEM and what we’re doing for the world.
    “Gene go!” was appreciated by SCSTM and a lot of parents, they both expected us to hold such a great event next year.

     

     DIY Classroom
    a)   Making a leaf vein bookmark
    Based on cellulose, which plays an important part in our project, we set up our first course called “Making a leaf vein bookmark”. Through the process of making vein bookmarks, the children can easily recognize the toughness of the veins and learn about cellulose which plays an important role in it
    b)   Making cell model with plasticine
    The second course we set up called “Making cell model with plasticine”. We introduced the cell model to children simply and took them to make cell models with plasticine. Under our careful guidance, the children succeeded in making beautiful cell models. After class, the children said they were happy to learn the structure of cell today.
     Exploring the micro world
    After finishing the course of “Making cell model with plasticine”, we led the children to observe the real cells with microscopes. We also offer different types of slices, taking them to operate the microscope and introduce related knowledge to them.
     “Cellulose Go” Stage Play
    We have adapted our project “Straw-Degrading Energy E.coli” into a stage play called “Cellulose Go” to explain our project. In the play, our protagonist “Cellulose” is an adventurer who is aiming at exploring ways to change herself into clean energy. But she was prisoned by the big devil, lignin. At this time, 3 warriors from UESTC take their plasmid sword to save the cellulose and help her change into clean energy.
    It was a play that combined knowledge and fun. The stage play was so interesting that the children all burst out laughing. We also set some questions after our play to see whether children have learned from it. We were impressed by a girl who not only gave us the right answer of “Why butanol is harmful to bacterial” but also explained her choice perfectly with the plot in our play.
     Gene Card
    We invited children to play gene card. Children had fun and learned synthetic biology’s basic process and tools in the game. Gene card successfully provoked their interest to synthetic biology.
     Learning about iGEM
    We have designed several posters about iGEM and Synthetic Biology for exhibition, introducing what is iGEM and what we are doing for changing the world.

     

  • High School Education
     lab open day
    We held a lab open day which attracted students of Chengdu NO.7 middle school. We introduced iGEM to them and showed them around our lab. At last we let them do some basic experiments and they experienced the real life of lab.
    Video for the Experimental High School Attached to UESTC:
    What is synthetic biology?
    What can synthetic biology do?
    What filed synthetic biology contributes for?
    All answers are in our advertising video for the Experimental High School Attached to UESTC.
     Team establishment of Chengdu no. 4 High School:
    In order to increase the influence of iGEM in the southwest region and facilitate the participation of iGEM events in the southwest region, some members of the iGEM school team of our university went to Chengdu no. 4 high school for recruitment and publicity. We spread the knowledge of iGEM to them, and answer questions for students who are willing to form a team. With our help, they establish an iGEM team this year.

     

  • Our Edutainment Item
     Plasmid Rubik
    We place a plasmid ring which contains promoter, terminator, target gene and resistant gene on each side of the Rubik, different genes can produce different plasmid ring. It shows more fun and possibility in combination of gene. We hope Plasmid Rubik could help people to learn about synthetic biology as edutainment.
    Part:
    Promoter:Starting switch for transcription work.
    Target gene: The gene we want to express.
    Resistance gene:The gene fragment, which is selection marker of the plasmid.
    Tools:Environmental-friendly resin, 3D printer
    Operation:There is only one goal: making a correct plasmid on every side, no matter what combination it is.
     Crazy Lab
    Our board game “Crazy Lab” combines our project this year. The “Crazy Lab” describes how we turn the straw into hydrogen and butanol. We design an interesting story to make it more relevant to life. We want to share it with more people, expecting them to know about our project and the fun of synthetic biology.
     Gene Card online
    “Gene Card online” is a turn-based online card game adapting from our product, “Gene Card”, which is a card game based on synthetic biology and genetic engineering. The game is a turn-based game. Through the game between players, the first to get six different base cards will win the game. It was very popular among iGEMers last year, so we decide to put it online.
     E.mocoli
    Using coli as a prototype, we created a series of emoticon similar to Emoji for iGEMers’ daily use. All expressions are drawn by members of UESTC-China and they are still being added. Their inspiration comes from our daily and experiments, even our educational product. And now, we are trying to applying for qualification of putting it on emoticon store such as WeChat and Twitter.

     

  • Meet-up
     E.mocoli
    As the "Southwest Union" (iGEM team in Southwest China exchange seminar, UESTC-China) founder, we actively participate in mutual exchanges and academic discussions on a yearly basis and meet with other research teams in the region so as to seeking for new cooperation and breakthroughs.
    This is the 4th Southwest Union which is hosted by SiCAU. The teams participating this year are SiCAU, UESTC-China, UESTC-software and SCU. We make a presentation in our project design and experimental progress, sharing the difficulties we encountered and experience in the project with each other.
     Forum with SCU and NWU
    We meet up with SCU-China and NWU-CHINA to have a discussion with them in our recent work. We exchange our experience in experiment, Design and Human Practice with each other.
     CCiC(Conference of China iGEMer Committee)
    This year we have also participated in the 5th CCIC (Conference of China iGEMer Committee), and communicated with other iGEM teams from all over China.
    The conference was hosted by Shanghaitech and welcomed more than 480 people from all over the country. Meanwhile, the meeting also invited Ms. Meagan Lizarazo and some well-known scholars in the field of synthetic biology to give us a chance talking with them face to face.
    In addition to the presentation and posters, we also shared our experience in Education and Public Engagement these year as a special guest. We made a presentation of our innovative ideas such as gene cards, Emoji-coli, and Plasmid Rubik, which have been warmly welcomed by various teams.
  • Our work
    We made a small video for ourselves to record our daily experiments~
Copyright © 2018 iGEM UESTC_China