Difference between revisions of "Team:UST Beijing/Human Practices"

Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
−
<head>
+
    <head>
−
<meta charset="utf-8">
+
        <meta charset="utf-8">
−
<title>Team:UST Beijing/SocialPractice - 2018.igem.org</title>
+
            <title>Team:UST_Beijing/Collaborations</title>
−
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
<meta name="description" content="">
+
                <meta name="description" content="">
−
<meta name="author" content="">
+
                    <meta name="author" content="">
−
 
+
                        <link href='http://fonts.useso.com/css?family=Lato:400,700,300' rel='stylesheet' type='text/css'>
−
<link href='http://fonts.useso.com/css?family=Lato:400,700,300' rel='stylesheet' type='text/css'>
+
                            <!--[if IE]>
−
<!--[if IE]>
+
                            <link href="http://fonts.useso.com/css?family=Lato" rel="stylesheet" type="text/css">
−
<link href="http://fonts.useso.com/css?family=Lato" rel="stylesheet" type="text/css">
+
                            <link href="http://fonts.useso.com/css?family=Lato:400" rel="stylesheet" type="text/css">
−
<link href="http://fonts.useso.com/css?family=Lato:400" rel="stylesheet" type="text/css">
+
                            <link href="http://fonts.useso.com/css?family=Lato:700" rel="stylesheet" type="text/css">
−
<link href="http://fonts.useso.com/css?family=Lato:700" rel="stylesheet" type="text/css">
+
                            <link href="http://fonts.useso.com/css?family=Lato:300" rel="stylesheet" type="text/css">
−
<link href="http://fonts.useso.com/css?family=Lato:300" rel="stylesheet" type="text/css">
+
                            <![endif]-->
−
<![endif]-->
+
                            <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/bootstrap&amp;action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/bootstrap&action=raw&ctype=text/css" rel="stylesheet">
+
                            <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/font-awesome&amp;action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/font-awesome&action=raw&ctype=text/css" rel="stylesheet">
+
                            <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/theme&amp;action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/theme&action=raw&ctype=text/css" rel="stylesheet">
+
                            <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/prettyphoto&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
<link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/prettyphoto&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
+
                            <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/zocial&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
                            <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/neverslider&amp;action=raw&amp;ctype=text/css" rel="stylesheet" >
 +
                           
  
 
<!--[if lt IE 9]>
 
<!--[if lt IE 9]>
Line 27: Line 29:
 
<!--header-->
 
<!--header-->
 
<div class="header">
 
<div class="header">
−
            <div class="container">
+
<div class="container">
−
                <!--logo-->
+
        <!--logo-->
−
                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
−
                    <i class="fa fa-bars"></i></button>
+
        <i class="fa fa-bars"></i></button>
−
                <div class="logo">
+
        <div class="logo">
−
                    <a href="index.html"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--UST_Beijing--Web_small_logo_USTB.png" width="60" height="60" alt="" class="animated bounceInDown" /></a>
+
        <a href="index.html"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--UST_Beijing--Web_small_logo_USTB.png" width="60" height="60" alt="" class="animated bounceInDown" /></a>
−
                </div>
+
        </div>
−
                <!--menu-->
+
        <!--menu-->
−
                        <nav id="main_menu">
+
        <nav id="main_menu">
 
         <div class="nav-collapse collapse">
 
         <div class="nav-collapse collapse">
 
         <ul class="nav nav-pills">
 
         <ul class="nav nav-pills">
Line 52: Line 54:
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Background">Background</a ></li>
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Background">Background</a ></li>
−
         <li><a href="https://static.igem.org/mediawiki/2018/e/e9/T--UST_Beijing--experiment.pdf">Experiments</a ></li>
+
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Experiments">Experiments</a ></li>
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Notebook">Notebook</a ></li>
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Notebook">Notebook</a ></li>
 
         </ul>
 
         </ul>
 
         </li>
 
         </li>
 
          
 
          
−
         <li><a href="https://static.igem.org/mediawiki/2018/6/63/T--UST_Beijing--model.pdf">Model</a ></li>
+
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Model">Model</a ></li>
 
          
 
          
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Parts">Parts</a ></li>
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Parts">Parts</a ></li>
Line 67: Line 69:
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Attributions">Attribution</a ></li>
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Attributions">Attribution</a ></li>
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Collaborations">Collaboration</a ></li>
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Collaborations">Collaboration</a ></li>
−
         <li><a href="https://2018.igem.org/Team:UST_Beijing/InterLab">InterLab</a ></li>
+
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Interlab">Interlab</a ></li>
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Human_Practices">HumanPractice</a ></li>
 
         <li><a href="https://2018.igem.org/Team:UST_Beijing/Human_Practices">HumanPractice</a ></li>
 
         </ul>
 
         </ul>
Line 76: Line 78:
 
         </div>
 
         </div>
 
         </div>
 
         </div>
−
<!--//header-->
+
<!--//header-->
−
<!--page-->
+
−
<!--banner-->
+
−
<div id="banner">
+
−
<div class="container intro_wrapper">
+
−
<div class="inner_content">
+
−
<h1>MidSummer rendezvous</h1>
+
−
<h1 class="title">Social Practice</h1>
+
−
<h1 class="intro">Utilize simple experiments and material. Contain <span>education</span> in <span>amusement</span>. Let's take a look at teen's <span class="hue">rendezvous</span> with biology.</h1>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
−
<div class="container wrapper">
+
−
<div class="inner_content">
+
−
<div class="pad30"></div>
+
−
<div class="row">
+
−
<div class="span4">
+
−
<p class="lead">Part1 protein structure</p>
+
−
<p>3D molecular models give kids a more straightforward way to observe the protein microworld.
+
−
                          By explaining the three-dimensional structure of globin—a kind of Y-shaped antibody, functioning as safety guards against the invasion of pathogens, kids use magic rulers                          to create their own quaternary structure of protein.</p> 
+
−
                         
+
−
<p class="lead">Part2 cell insight</p>
+
−
<p>We use house stereo puzzles to explain how a single cell works in human body and help to build those models with participants.</p>
+
−
                       
+
−
                        <p class="lead">Part3 energy conversion car</p>
+
−
<p>Through solar car and brine-driven trolley, we give our young participants a different perspective of energy use. What’s more, under our volunteers' guidance, with their effort, they successfully drove the mini cars to run. That is to say, convert solar energy and electricity to kinetic energy.</p>
+
−
 
+
−
<div class="pad30"></div>
+
−
<a href="https://2018.igem.org/Team:UST_Beijing" class="btn btn-info  btn-medium btn-rounded">UST_BEIJING</a>
+
−
+
−
<div class="pad25"></div>
+
−
</div>
+
−
+
−
<div class="span8 pad15">
+
−
<div class="vendor">
+
−
            <iframe src="https://static.igem.org/mediawiki/2018/e/ef/T--UST_Beijing--2minutes_with_music.mp4"></iframe>
+
−
          </div>
+
−
<div class="pad25"></div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
+
−
<!--related projects-->
+
−
<div class="strip2">
+
−
<h1>After the event—Part4 interview</h1>
+
−
                <div class="pad30></div>
+
−
      <p class="lead">we interviewed a couple of kids and teenagers to talk about their comprehension of biology and iGem.Mr Cheng, a middle school student, told us, ”biology is always my passion. If I have the superpower to synthesize the compound that I want, I'd like to develop super influenza virus antibody to help human beings.”Mr.Lee, an eight-year-old primary school student, after the activity, clearly explained to us what is 3D print in his comprehension. </p>
+
−
     
+
−
<div class="container wrapper">
+
−
                            <div class="inner_content">
+
−
                            <div class="inner_content col_full">
+
−
                                <img src="https://static.igem.org/mediawiki/2018/5/58/T--UST_Beijing--hppic8.jpg" alt=""/>
+
−
<!--//projects-->
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!--//page-->
+
 
 
−
<!--footer-->
+
<!--page-->  
−
<div id="footer2">
+
   
−
<div class="container">
+
    <!--banner-->
−
<div class="row">
+
    <div id="banner">
−
<div class="span12">
+
    <div class="container intro_wrapper">
−
<div class="copyright">
+
    <div class="inner_content">
−
UST_Beijing
+
    <div class="pad15"></div>
−
&copy;
+
    <h1 class="title">Collaborations</h1>
−
<script type="text/javascript">
+
    <h1 class="intro">
−
//<![CDATA[
+
    <span>No one can whistle a symphony. It takes</span> <span class="hue">a whole orchestra</span> <span>to play it.</span>
−
var d = new Date()
+
    <span>- H.E. Luccock</span></h1>
−
document.write(d.getFullYear())
+
    </div>
−
//]]>
+
    </div>
−
</script>
+
    </div>
−
igem.org
+
   
−
</div>
+
    <div class="pad30"></div>
−
</div>
+
    <div class="container wrapper">
−
</div>
+
    <div class="inner_content">
−
</div>
+
−
</div>
+
<!-- sidebar -->
−
<!-- up to top -->
+
    <div class="row">
−
<a href="#"><i class="go-top hidden-phone hidden-tablet fa fa-angle-double-up"></i></a>
+
    <div class="span3">
−
<!--//end-->
+
    <h2><span>With Team BCU and BIT_China </span></h2>
 +
    <blockquote><h6><span>May 9th is the day when we first met up. IGEM participants and instructors from two universities gathered together in USTB.Our journey started from then. Their fermenter and notoginseng by artifical cultivated gave us new perspective of our project
 +
    On July 24th,Team CIEI_BJ has invited Team BIT_China, Team BFSUICC_China, Team UST_Beijing and Team The Colorful Ladies together to exchange ideas.</span></h6></blockquote>
 +
   
 +
    <ul class="fa-ul">
 +
    <li><i class="fa-li fa fa-check colour"></i> Make acquaintances</li>
 +
    <li><i class="fa-li fa fa-check colour"></i> Exchange ideas</li>
 +
    <li><i class="fa-li fa fa-check colour"></i> Enlighten sparkles</li>
 +
    </ul>
 +
    <div class="pad30"></div>
 +
    <div class="col_full">
 +
   
 +
    <div id="slider_small">
 +
    <div class="slider-item">
 +
    <div class="slider-image">
 +
    <div class="hover_colour">
 +
    <a href="https://static.igem.org/mediawiki/2018/e/ea/T--UST_Beijing--copic4.jpg" data-rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2018/e/ea/T--UST_Beijing--copic4.jpg" alt="" /></a>
 +
    </div>
 +
    </div>
 +
    </div>
 +
   
 +
    <div class="slider-item">
 +
    <div class="slider-image">
 +
    <div class="hover_colour">
 +
    <a href="https://static.igem.org/mediawiki/2018/9/9d/T--UST_Beijing--copic5.jpg" data-rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2018/9/9d/T--UST_Beijing--copic5.jpg" alt="" /></a>
 +
    </div>
 +
    </div>
 +
    </div>
 +
   
 +
    <div class="slider-item">
 +
    <div class="slider-image">
 +
    <div class="hover_colour">
 +
    <a href="https://static.igem.org/mediawiki/2018/1/11/T--UST_Beijing--copic6.jpg" data-rel="prettyPhoto"><img src="https://static.igem.org/mediawiki/2018/1/11/T--UST_Beijing--copic6.jpg" alt="" /></a>
 +
    </div>
 +
    </div>
 +
    </div>
 +
    </div>
 +
    <div id="sl-prev3" class="widget-scroll-prev3"><i class="fa fa-chevron-left white"></i></div>
 +
    <div id="sl-next3" class="widget-scroll-next3"><i class="fa fa-chevron-right white but_marg"></i></div>
 +
   
 +
    <div class="pad15"></div>
 +
    <blockquote>It's our pleasure to be engaged in these activities and appreciate others' charm.</blockquote>
 +
    </div>
 +
    </div>
 +
   
 +
    <div class="span9 pad15">
 +
    <!-- sidebar -->
 +
    <div class="myslider">
 +
    <img src="https://static.igem.org/mediawiki/2018/6/64/T--UST_Beijing--copic.jpg" alt="" >
 +
    <a href="#"><img src="https://static.igem.org/mediawiki/2018/2/25/T--UST_Beijing--copic2.jpg" alt="" ></a>
 +
    <img src="https://static.igem.org/mediawiki/2018/d/dd/T--UST_Beijing--copic3.jpg" alt="" >
 +
    </div>
 +
    <!-- /SLIDER set height and width of your images in the script at the bottom of page -->
 +
    <div class="pad30"></div>
 +
    <div class="span9">
 +
    <div class="testimonial1 fadeinup">
 +
    <h5><img src="https://static.igem.org/mediawiki/2018/0/02/T--UST_Beijing--copica.jpg" alt="" class="img-rounded pull-left"/>
 +
    <i class="fa fa-quote-right fa-4x pull-right hue"></i>
 +
    By inviting junior and graduate students talking us through, we have a better overview of our uni’s IGEM project in last year. No matter the legendary figure——panju in Chinese mythology or the algorithm named pangu, both attracted the biology enthusiasts. Moreover, students form BCU introduced the methods of planting notoginseng, which increased our knowledge.</br>
 +
    Undergraduate, highschool, juniorhigh students and their instructors together learn from other strong points and close the gap.</h5>
 +
    </div>
 +
    <div class="center">
 +
    <p><span class="hue normal">UST_Beijing</span></p>
 +
    </div>
 +
    <div class="pad15"></div>
 +
    </div>
 +
    </div>
 +
    </div>
 +
    </div>
 +
    </div>
 +
<!--//page-->
 +
 +
                        <!--footer-->
 +
                        <div id="footer2">
 +
                        <div class="container">
 +
                        <div class="row">
 +
                        <div class="span12">
 +
                        <div class="copyright">
 +
                        UST_Beijing
 +
                        &copy;
 +
                        <script type="text/javascript">
 +
                        //<![CDATA[
 +
                        var d = new Date()
 +
                        document.write(d.getFullYear())
 +
                        //]]>
 +
                        </script>
 +
                        .igem.org
 +
                        </div>
 +
                        </div>
 +
                        </div>
 +
                        </div>
 +
                        </div>
 +
<!-- up to top -->
 +
<a href="#"><i class="go-top hidden-phone hidden-tablet fa-fa-angle-double-up"></i></a>
 +
<!--//end--> 
 +
 
 +
<!-- scripts -->
 +
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
 +
<script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytouchswipe&amp;action=raw&amp;ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerymousewheel&amp;action=raw&amp;ctype=text/javascript"></script>
  
−
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
+
<script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerynivosliderpack&action=raw&ctype=text/javascript"></script>
−
<script src="js/bootstrap.min.js"></script>
+
<script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/bootstrap&amp;action=raw&amp;ctype=text/javascript"></script>
−
<script src="js/jquery.touchSwipe.min.js"></script>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jqueryprettyphoto&amp;action=raw&amp;ctype=text/javascript"></script>
−
<script src="js/jquery.mousewheel.min.js"></script>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/scripts&amp;action=raw&amp;ctype=text/javascript"></script>
−
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
+
−
<script type="text/javascript" src="js/scripts.js"></script>
+
  
−
<script type="text/javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
+
 
−
<script type="text/javascript">
+
<!-- slider -->
−
//<![CDATA[
+
<script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquery-ui&action=raw&ctype=text/javascript"></script>
−
jQuery(document).ready(function($) {
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jqueryneverslider&action=raw&ctype=text/javascript"></script>
−
var portfolioCarousel = $("#slider_related");
+
<script>
 +
//<![CDATA[
 +
$(document).ready(function() {
 +
$(".myslider").show();
 +
$(".myslider").startslider({
 +
sliderWidth:1170,
 +
sliderHeight:422,
 +
slideTransitionSpeed: 500,
 +
slideTransitionEasing: "easeOutExpo",
 +
slidesDraggable: true,
 +
sliderResizable: true
 +
});
 +
});
 +
//]]>
 +
</script>
 +
 +
<!-- carousel -->
 +
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerycaroufredsel&amp;action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
//<![CDATA[
 +
jQuery(document).ready(function($) {
 +
var portfolioCarousel = $("#slider_small");
 
portfolioCarousel.carouFredSel({
 
portfolioCarousel.carouFredSel({
−
width : "100%", height : "auto",
+
width : "100%", height : "auto",
 
circular : false, responsive : true, infinite : false, auto : false,
 
circular : false, responsive : true, infinite : false, auto : false,
−
items : { width : 230,
+
items : {
−
visible: { min: 1, max:5 }
+
width : 231, visible: { min: 1, max:1 }
−
},
+
},
 +
mousewheel: true,
 
swipe: { onMouse: true, onTouch: true },
 
swipe: { onMouse: true, onTouch: true },
−
prev : { button : "#sl-prev2", key : "left" },
+
prev : { button : "#sl-prev3", key : "left" },
−
next : { button : "#sl-next2", key : "right" },
+
next : { button : "#sl-next3", key : "right" },
−
onCreate : function () {
+
onCreate : function () {
−
$(window).on('resize', function(){
+
$(window).on('resize', function(){
−
portfolioCarousel.parent().add(portfolioCarousel).css('height', portfolioCarousel.children().first().outerHeight() + 'px');
+
portfolioCarousel.parent().add(portfolioCarousel).css('height', portfolioCarousel.children().first().outerHeight() + 'px');
−
})
+
}).trigger('resize');
−
.trigger('resize'); }
+
}
−
});
+
});
−
});
+
});
−
//]]>
+
//]]>
−
</script>
+
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 11:37, 9 October 2018

Team:UST_Beijing/Collaborations

With Team BCU and BIT_China

May 9th is the day when we first met up. IGEM participants and instructors from two universities gathered together in USTB.Our journey started from then. Their fermenter and notoginseng by artifical cultivated gave us new perspective of our project On July 24th,Team CIEI_BJ has invited Team BIT_China, Team BFSUICC_China, Team UST_Beijing and Team The Colorful Ladies together to exchange ideas.
  • Make acquaintances
  • Exchange ideas
  • Enlighten sparkles
It's our pleasure to be engaged in these activities and appreciate others' charm.
By inviting junior and graduate students talking us through, we have a better overview of our uni’s IGEM project in last year. No matter the legendary figure——panju in Chinese mythology or the algorithm named pangu, both attracted the biology enthusiasts. Moreover, students form BCU introduced the methods of planting notoginseng, which increased our knowledge.
Undergraduate, highschool, juniorhigh students and their instructors together learn from other strong points and close the gap.

UST_Beijing

UST_Beijing © .igem.org