Difference between revisions of "Team:HZAU-China/Collaborations"

Line 2: Line 2:
 
<html>
 
<html>
  
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
 +
  <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
  <!--公式编辑器-->
 +
  <script src="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
 +
  <script type="text/x-mathjax-config">
 +
          MathJax.Hub.Config({
 +
          extensions: ["tex2jax.js"],
 +
          jax: ["input/TeX", "output/HTML-CSS"],
 +
          tex2jax: {
 +
          inlineMath: [ ['$','$'], ["\\(","\\)"] ],
 +
          displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
 +
          processEscapes: true
 +
          },
 +
          "HTML-CSS": { availableFonts: ["TeX"] }
 +
          });
 +
          </script>
 +
  <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
 +
  </script>
 +
  <style>
 +
    /*小导航栏样式*/
  
 +
    .container-fluid {
 +
      margin: 0;
 +
      padding: 0;
 +
      border: 0;
 +
    }
  
 +
    .container-fluid {
 +
      margin: 0;
 +
      padding: 0;
 +
      border: 0;
 +
    }
  
−
<div class="clear"></div>
+
    ul.nav-pills {
 +
      background: url(https://static.igem.org/mediawiki/2017/3/35/T--HZAU-China--background.png);
 +
      background-size: 100% auto;
 +
      background-repeat: no-repeat;
 +
      position: fixed;
 +
      display: block;
 +
      top: 50%;
 +
      margin-top: -144.5px;
 +
      margin-right: 40px;
 +
      height: 289px;
 +
      width: 200px;
 +
      overflow: hidden;
 +
    }
  
−
<div class="column full_size">
+
    ul.nav-pills>li {
−
<h1>Collaborations</h1>
+
      position: relative;
 +
      top: 50%;
 +
    }
  
−
<p>
+
    ul.nav-pills>li>a {
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
      font-size: 16px;
−
</p>
+
      padding: 14px 0 14px 20px;
 +
      border-bottom-left-radius: 0px;
 +
      border-bottom-right-radius: 0px;
 +
      border-top-left-radius: 0px;
 +
      border-top-right-radius: 0px
 +
    }
  
−
<h3>Silver Medal Criterion #2</h3>
+
    #change_top {
−
<p>
+
      margin-top: -80px;
−
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2017.igem.org/Judging/Medals">2017 Medals Page</a> for more information.
+
    }
−
</p>
+
  
−
<div class="column half_size">
+
    /*小导航栏触碰后变色*/
  
−
<h4> Which other teams can we work with? </h4>
+
    .nav-pills>li>a {
−
<p>
+
      color: rgb(249, 228, 137);
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
      font-weight: 900;
−
</p>
+
    }
  
−
<p>
+
    .nav-pills>li.active>a,
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
    .nav-pills>li.active>a:focus,
−
</p>
+
    .nav-pills>li.active>a:hover {
 +
      color: #000;
 +
      background-color: rgb(249, 228, 137);
 +
    }
  
−
</div>
+
    .nav-pills>li>a:focus,
 +
    .nav-pills>li>a:hover {
 +
      color: #000;
 +
      background-color: rgb(249, 228, 137);
 +
    }
  
 +
    /*改变超链接的位置*/
  
 +
    .jiaozheng {
 +
      position: relative;
 +
      top: -66px;
 +
    }
 +
  </style>
 +
  <!--内容的样式-->
 +
  <style>
 +
    /*总样式*/
  
−
<div class="column half_size">
+
    body {
−
<p>
+
      font-family: "Arial", Helvetica, sans-serif;
−
Here are some suggestions for projects you could work on with other teams:
+
      text-align: justify;
−
</p>
+
      margin: 0px;
 +
      background-color: #ffffff;
 +
    }
  
−
<ul>
+
    /*内容框子的样式*/
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
−
<li> Characterize another team's part </li>
+
−
<li> Debug a construct </li>
+
−
<li> Model or simulating another team's system </li>
+
−
<li> Test another team's software</li>
+
−
<li> Help build and test another team's hardware project</li>
+
−
<li> Mentor a high-school team</li>
+
−
</ul>
+
−
</div>
+
  
 +
    .col-sm-9 {
 +
      position: absolute;
 +
      top: 43px;
 +
      left: 50%;
 +
      margin-left: -360px;
 +
      padding: 0 30px 0 30px;
 +
      width: 960px;
 +
      height: 2300px;
 +
      z-index: -1;
 +
    }
  
−
</html>
+
    /*内容中几种文体的样式*/
 +
 
 +
    .col-sm-9 a:hover {
 +
      color: #000;
 +
      text-decoration: none;
 +
    }
 +
 
 +
    .biaoti {
 +
      font-size: 50px;
 +
      font-weight: bold;
 +
      text-align: center;
 +
      width: 100%;
 +
      display: block;
 +
      padding-bottom: 50px;
 +
      padding-top: 50px;
 +
      color: rgb(63, 59, 58);
 +
    }
 +
 
 +
    .zhengwen {
 +
      display: block;
 +
      font-style: arial;
 +
      font-size: 18px;
 +
      line-height: 34px;
 +
      text-align: justify;
 +
      color: #000;
 +
      margin-bottom: 9px;
 +
      margin-left: 0px;
 +
      margin-right: 0px;
 +
      margin-top: 7.2px;
 +
    }
 +
 
 +
    .zhengwen_disblock {
 +
      font-style: arial;
 +
      font-size: 18px;
 +
      line-height: 34px;
 +
      text-align: justify;
 +
      color: #000;
 +
      margin-bottom: 9px;
 +
      margin-left: 0px;
 +
      margin-right: 0px;
 +
      margin-top: 7.2px;
 +
    }
 +
 
 +
    .yinzhu {}
 +
 
 +
    .yinzhu:hover .yinzhu {}
 +
 
 +
    .yinwen {
 +
      display: block;
 +
      font-style: arial;
 +
      font-size: 18px;
 +
      line-height: 34px;
 +
      text-align: justify;
 +
      color: #000;
 +
      margin-bottom: 9px;
 +
      margin-left: 0px;
 +
      margin-right: 0px;
 +
      margin-top: 7.2px;
 +
    }
 +
 
 +
    .shangduiqi {
 +
      position: relative;
 +
    }
 +
 
 +
    .shangduiqi a {
 +
      position: absolute;
 +
      top: -66px;
 +
    }
 +
 
 +
    /*图片的样式*/
 +
 
 +
    .col-sm-9 img {
 +
      margin: 0 auto;
 +
      display: block;
 +
    }
 +
 
 +
    .tu_1 {
 +
      width: 666px;
 +
    }
 +
 
 +
    .tu_2 {
 +
      width: 555px;
 +
    }
 +
  </style>
 +
  <!--点击展开部分的样式-->
 +
  <style>
 +
    span.caret_black {
 +
      display: inline-block;
 +
      margin-left: 6px;
 +
      vertical-align: middle;
 +
      width: 0;
 +
      height: 0;
 +
      border-left: 6px solid transparent;
 +
      border-right: 6px solid transparent;
 +
      border-top: 6px solid black;
 +
    }
 +
 
 +
    label {
 +
      cursor: pointer;
 +
    }
 +
 
 +
    #HZAUmenu-toggle {
 +
      display: none;
 +
    }
 +
 
 +
    #HZAUmenu {
 +
      display: none;
 +
      font-size: 17.5px;
 +
      padding: 0 50px 0 50px;
 +
      width: 800px;
 +
      margin: 0;
 +
      color: black;
 +
    }
 +
 
 +
    #HZAUmenu>a {
 +
      color: #000;
 +
    }
 +
 
 +
    #HZAUmenu>a:hover {
 +
      color: #000;
 +
      text-decoration: none;
 +
    }
 +
 
 +
    #HZAUmenu-toggle:checked+#HZAUmenu {
 +
      display: block;
 +
    }
 +
  </style>
 +
  <style>
 +
    div.nav_body {
 +
      padding: 7px 0 7px 0;
 +
      height: 50px;
 +
    }
 +
  </style>
 +
</head>
 +
 
 +
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">
 +
  <div class="container">
 +
    <div class="row">
 +
      <nav class="col-sm-3" id="myScrollspy">
 +
        <div class="container-fluid">
 +
          <div class="container-fluid">
 +
            <ul class="nav nav-pills nav-stacked">
 +
              <li class="active" id="change_top">
 +
                <a href="#section1">default</a>
 +
              </li>
 +
              <li style="margin:-2px">
 +
                <a href="#section2">default</a>
 +
              </li>
 +
              <li style="margin:0px">
 +
                <a href="#section3">default</a>
 +
              </li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </nav>
 +
      <div class="col-sm-9">
 +
        <div>
 +
          <div id="section1" class="jiaozheng">
 +
          </div>
 +
        </div>
 +
        <a class="biaoti">Human Practices</a>
 +
        <a class="zhengwen">Biosafety education video in Chinese</a>
 +
        <a class="zhengwen">Biosafety is one of the most important issues everyone should be aware of before starting any biology related experiments.
 +
          However, the biosafety education in China is far behind the fast development of modern biological research. In
 +
          some places, students are not trained properly because of the outdated education material or the language barrier
 +
          that prevent them from reading biosafety guidelines written in English.</a>
 +
        <a class="zhengwen_disblock">We’ve participated in an intercollegiate collaborating project to produce a series of biosafety education movies,
 +
          all in Chinese. This video collection has been uploaded online and is freely available at our homepage on
 +
          <a href="https://youtube.com/channel/UCZEYJNccLLPRro1SX1AfVAA">YouTube</a> and
 +
          <a href="https://www.bilibili.com/video/av15520383/">Bilibili</a>
 +
        </a>
 +
        <a class="zhengwen_disblock">, a popular Chinese video-sharing website.</a>
 +
        <a class="zhengwen">Teams participated the production:
 +
          <ul>
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:Shanghaitech/Collaborations#biosafety">ShanghaiTech University</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:UCAS/Collaborations#biosafety">University of Chinese Academy of Science</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:Tianjin/Collaborations#biosafety">Tianjin University</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:TUST_China/Collaborations#biosafety">Tianjin University of Science & Technology</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:UESTC-China/Collaborations#biosafety">University of Electronic Science and Technology of China</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:BNU-China/Collaborations#biosafety">Beijing Normal University</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:WHU-China/Collaborations#biosafety">Wuhan University</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:HZAU-China/Collaborations">Huazhong Agricultural University</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:AHUT_China/Collaborations#biosafety">Anhui University of Technology</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:NAU-CHINA/Collaborations#biosafety">Nanjing Agricultural University</a>
 +
            </li>
 +
            <li>
 +
              <a href="https://2017.igem.org/Team:FAFU-CHINA/Collaborations#biosafety">Fujian Agriculture and Forestry University</a>
 +
            </li>
 +
          </ul>
 +
        </a>
 +
        <div>
 +
          <div id="yinwen_jiaozheng" class="jiaozheng">
 +
          </div>
 +
        </div>
 +
        <a class="yinwen">1. Mott,M.L. and Berger,J.M. (2007) DNA replication initiation: mechanisms and regulation in bacteria. Nat. Rev.
 +
          Microbiol., 5,343–354.</a>
 +
        <a class="yinwen">2. Wiktor, J., Lesterlin, C., Sherratt, D. J., & Dekker, C. (2016). CRISPR-mediated control of the bacterial initiation
 +
          of replication. Nucleic Acids Res, 44(8), 3801-3810.</a>
 +
        <a class="yinwen">3. Fernandez-Rodriguez, J., Moser, F., Song, M., & Voigt, C. A. (2017). Engineering RGB color vision into Escherichia
 +
          coli. Nature Chemical Biology, 13(7), 706-708.</a>
 +
        <a class="yinwen">4. Kawano, F., Suzuki, H., Furuya, A., & Sato, M. (2015). Engineered pairs of distinct photoswitches for optogenetic
 +
          control of cellular proteins. Nat Commun, 6, 6256.</a>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</body>

Revision as of 01:48, 1 November 2017

Human Practices Biosafety education video in Chinese Biosafety is one of the most important issues everyone should be aware of before starting any biology related experiments. However, the biosafety education in China is far behind the fast development of modern biological research. In some places, students are not trained properly because of the outdated education material or the language barrier that prevent them from reading biosafety guidelines written in English. We’ve participated in an intercollegiate collaborating project to produce a series of biosafety education movies, all in Chinese. This video collection has been uploaded online and is freely available at our homepage on YouTube and Bilibili , a popular Chinese video-sharing website. Teams participated the production:
1. Mott,M.L. and Berger,J.M. (2007) DNA replication initiation: mechanisms and regulation in bacteria. Nat. Rev. Microbiol., 5,343–354. 2. Wiktor, J., Lesterlin, C., Sherratt, D. J., & Dekker, C. (2016). CRISPR-mediated control of the bacterial initiation of replication. Nucleic Acids Res, 44(8), 3801-3810. 3. Fernandez-Rodriguez, J., Moser, F., Song, M., & Voigt, C. A. (2017). Engineering RGB color vision into Escherichia coli. Nature Chemical Biology, 13(7), 706-708. 4. Kawano, F., Suzuki, H., Furuya, A., & Sato, M. (2015). Engineered pairs of distinct photoswitches for optogenetic control of cellular proteins. Nat Commun, 6, 6256.