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

Line 1: Line 1:
 
{{HZAU-China}}
 
{{HZAU-China}}
 
<html>
 
<html>
−
 
 
<head>
 
<head>
−
  <meta charset="utf-8">
+
    <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="//cdn.bootcss.com/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
−
  <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
+
    <script type="text/x-mathjax-config">
−
  <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({
 
           MathJax.Hub.Config({
 
           extensions: ["tex2jax.js"],
 
           extensions: ["tex2jax.js"],
Line 22: Line 17:
 
           });
 
           });
 
           </script>
 
           </script>
−
  <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
+
    <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
−
  </script>
+
    </script>
−
  <style>
+
    <style>
−
    /*小导航栏样式*/
+
        /*改变超链接的位置*/
  
−
    .container-fluid {
+
        .jiaozheng {
−
      margin: 0;
+
            position: relative;
−
      padding: 0;
+
            top: -66px;
−
      border: 0;
+
        }
−
     }
+
     </style>
 +
    <!--内容的样式-->
 +
    <style>
 +
        /*总样式*/
  
−
    .container-fluid {
+
        body {
−
      margin: 0;
+
            font-family: "Arial", Helvetica, sans-serif;
−
      padding: 0;
+
            text-align: justify;
−
      border: 0;
+
            margin: 0px;
−
    }
+
            background-color: #ffffff;
 +
        }
  
−
    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;
+
−
    }
+
  
−
    ul.nav-pills>li {
+
        .HZAU_div_main {
−
      position: relative;
+
            margin: 64px auto 0 auto;
−
      top: 50%;
+
            padding: 0 30px 0 30px;
−
    }
+
            width: 1100px;
 +
        }
  
−
    ul.nav-pills>li>a {
+
        /*内容中几种文体的样式*/
−
      font-size: 16px;
+
−
      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
+
−
    }
+
  
−
    #change_top {
+
        .HZAU_div_main a:hover {
−
      margin-top: -80px;
+
            color: #000;
−
    }
+
            text-decoration: none;
 +
        }
  
−
    /*小导航栏触碰后变色*/
+
        .HZAU_title {
 +
            font-size: 50px;
 +
            font-weight: bold;
 +
            text-align: center;
 +
            width: 360px;
 +
            display: block;
 +
            margin: 0 auto;
 +
            padding-bottom: 50px;
 +
            padding-top: 50px;
 +
            color: #000;
 +
            background-image: url(https://static.igem.org/mediawiki/2017/9/95/T--HZAU-China--datitle.png);
 +
            background-repeat: no-repeat;
 +
            background-size: 360px 80px;
 +
            background-position: center;
 +
        }
  
−
    .nav-pills>li>a {
+
        .biaoti {
−
      color: rgb(249, 228, 137);
+
            font-size: 35px;
−
      font-weight: 900;
+
            font-weight: bold;
−
    }
+
            text-align: center;
 +
            width: 100%;
 +
            display: block;
 +
            padding-bottom: 30px;
 +
            padding-top: 30px;
 +
            color: #000;
 +
        }
  
−
    .nav-pills>li.active>a,
+
        .fubiaoti {
−
    .nav-pills>li.active>a:focus,
+
            font-size: 24px;
−
    .nav-pills>li.active>a:hover {
+
            font-weight: bold;
−
      color: #000;
+
            text-indent: 50px;
−
      background-color: rgb(249, 228, 137);
+
            width: 100%;
−
    }
+
            display: block;
 +
            padding-bottom: 30px;
 +
            padding-top: 30px;
 +
            color: #000;
 +
            background-image: url(https://static.igem.org/mediawiki/2017/e/e7/T--HZAU-China--xiaotitle.png);
 +
            background-repeat: no-repeat;
 +
            background-size: 65px 50px;
 +
            background-position: left;
 +
        }
 +
        .fufubiaoti{
 +
            display: block;
 +
            font-style: arial;
 +
            font-size: 19px;
 +
            line-height: 34px;
 +
            text-align: justify;
 +
            font-weight:bold;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
−
    .nav-pills>li>a:focus,
+
        .zhengwen {
−
    .nav-pills>li>a:hover {
+
            display: block;
−
      color: #000;
+
            font-style: arial;
−
      background-color: rgb(249, 228, 137);
+
            font-size: 18px;
−
    }
+
            line-height: 34px;
 +
            text-align: justify;
 +
            text-indent:30px;
 +
            color: #000;
 +
            margin-bottom: 9px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
−
    /*改变超链接的位置*/
+
        .zhengwen_disblock {
 +
            display: inline;
 +
            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;
 +
        }
  
−
    .jiaozheng {
+
        .yinzhu {
−
      position: relative;
+
            color:blue;
−
      top: -66px;
+
        }
−
    }
+
−
  </style>
+
−
  <!--内容的样式-->
+
−
  <style>
+
−
    /*总样式*/
+
  
−
    body {
+
        .yinzhu:hover .yinzhu {
−
      font-family: "Arial", Helvetica, sans-serif;
+
            color:black;
−
      text-align: justify;
+
        }
−
      margin: 0px;
+
−
      background-color: #ffffff;
+
−
    }
+
  
−
    /*内容框子的样式*/
+
        .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;
 +
        }
  
−
    .col-sm-9 {
+
        /*图片的样式*/
−
      position: absolute;
+
        .tuzhu_wenzi{
−
      top: 43px;
+
          display: block;
−
      left: 50%;
+
            font-style: arial;
−
      margin-left: -360px;
+
            font-size: 17px;
−
      padding: 0 30px 0 30px;
+
            line-height: 28px;
−
      width: 960px;
+
            text-align: justify;
−
      height: 2300px;
+
            color: #000;
−
      z-index: -1;
+
            margin-bottom: 9px;
−
    }
+
            margin-left: 0px;
 +
            margin-right: 0px;
 +
            margin-top: 7.2px;
 +
        }
  
−
    /*内容中几种文体的样式*/
+
        .tu_1 {
 +
            width: 600px;
 +
            margin: 0 auto;
 +
            display: block;
 +
        }
  
−
    .col-sm-9 a:hover {
+
        .tu_2 {
−
      color: #000;
+
            width: 800px;
−
      text-decoration: none;
+
            margin: 0 auto;
−
    }
+
            display: block;
 +
        }
  
−
    .biaoti {
+
        .tu_3 {
−
      font-size: 50px;
+
            width: 555px;
−
      font-weight: bold;
+
            margin: 0 auto;
−
      text-align: center;
+
            display: block;
−
      width: 100%;
+
        }
−
      display: block;
+
    </style>
−
      padding-bottom: 50px;
+
    <!--点击展开部分的样式-->
−
      padding-top: 50px;
+
    <style>
−
      color: rgb(63, 59, 58);
+
        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;
 +
        }
  
−
    .zhengwen {
+
        label {
−
      display: block;
+
            cursor: pointer;
−
      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 {
+
        #HZAUmenu-toggle {
−
      font-style: arial;
+
            display: none;
−
      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 {}
+
        #HZAUmenu {
 +
            display: none;
 +
            font-size: 18px;
 +
            padding: 0 50px 0 50px;
 +
            width: 1000px;
 +
            margin: 0;
 +
            color: black;
 +
        }
  
−
    .yinzhu:hover .yinzhu {}
+
        #HZAUmenu>a {
 +
            color: #000;
 +
        }
  
−
    .yinwen {
+
        #HZAUmenu>a:hover {
−
      display: block;
+
            color: #000;
−
      font-style: arial;
+
            text-decoration: none;
−
      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 {
+
        #HZAUmenu-toggle:checked+#HZAUmenu {
−
      position: relative;
+
            display: block;
−
    }
+
        }
  
−
    .shangduiqi a {
+
        .HZAU_div_main img{
−
      position: absolute;
+
            width:300px;
−
      top: -66px;
+
        }
−
    }
+
  
−
     /*图片的样式*/
+
        .disanbufeng{
 +
          margin:0 auto;
 +
          display: block;
 +
        }
 +
     </style>
 +
</head>
  
−
     .col-sm-9 img {
+
<body>
−
       margin: 0 auto;
+
  <div class="HZAU_div_main">
−
       display: block;
+
    <a class="HZAU_title">Collaborations</a>
−
     }
+
     <a class="fubiaoti">1. Biosafety</a>
 +
    <a class="fufubiaoti">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>
  
−
     .tu_1 {
+
     <a class="zhengwen">Teams participated the production:
−
      width: 666px;
+
      <ul>
−
    }
+
        <li>
−
 
+
          <a href="https://2017.igem.org/Team:Shanghaitech/Collaborations#biosafety">ShanghaiTech University</a>
−
    .tu_2 {
+
        </li>
−
      width: 555px;
+
        <li>
−
    }
+
          <a href="https://2017.igem.org/Team:UCAS/Collaborations#biosafety">University of Chinese Academy of Science</a>
−
  </style>
+
        </li>
−
  <!--点击展开部分的样式-->
+
        <li>
−
  <style>
+
          <a href="https://2017.igem.org/Team:Tianjin/Collaborations#biosafety">Tianjin University</a>
−
    span.caret_black {
+
        </li>
−
      display: inline-block;
+
        <li>
−
      margin-left: 6px;
+
          <a href="https://2017.igem.org/Team:TUST_China/Collaborations#biosafety">Tianjin University of Science & Technology</a>
−
      vertical-align: middle;
+
        </li>
−
      width: 0;
+
        <li>
−
      height: 0;
+
          <a href="https://2017.igem.org/Team:UESTC-China/Collaborations#biosafety">University of Electronic Science and Technology of China</a>
−
      border-left: 6px solid transparent;
+
        </li>
−
      border-right: 6px solid transparent;
+
        <li>
−
      border-top: 6px solid black;
+
          <a href="https://2017.igem.org/Team:BNU-China/Collaborations#biosafety">Beijing Normal University</a>
−
    }
+
        </li>
−
 
+
        <li>
−
    label {
+
          <a href="https://2017.igem.org/Team:WHU-China/Collaborations#biosafety">Wuhan University</a>
−
      cursor: pointer;
+
        </li>
−
    }
+
        <li>
−
 
+
          <a href="https://2017.igem.org/Team:HZAU-China/Collaborations">Huazhong Agricultural University</a>
−
    #HZAUmenu-toggle {
+
        </li>
−
      display: none;
+
        <li>
−
    }
+
          <a href="https://2017.igem.org/Team:AHUT_China/Collaborations#biosafety">Anhui University of Technology</a>
−
 
+
        </li>
−
    #HZAUmenu {
+
        <li>
−
      display: none;
+
          <a href="https://2017.igem.org/Team:NAU-CHINA/Collaborations#biosafety">Nanjing Agricultural University</a>
−
      font-size: 17.5px;
+
        </li>
−
      padding: 0 50px 0 50px;
+
        <li>
−
      width: 800px;
+
          <a href="https://2017.igem.org/Team:FAFU-CHINA/Collaborations#biosafety">Fujian Agriculture and Forestry University</a>
−
      margin: 0;
+
        </li>
−
      color: black;
+
      </ul>
−
    }
+
    </a>
−
 
+
    <a class="fubiaoti">2. Amsterdam</a>
−
    #HZAUmenu>a {
+
    <img src="https://static.igem.org/mediawiki/2017/0/0a/T--HZAU-China--nainiu.jpg" class="disanbufeng">
−
      color: #000;
+
    <a class="fubiaoti">3. Mutual help</a>
−
    }
+
    <a class="zhengwen">1. This year we had a deep communication with Hubei University of Technology about Interlab and many other aspects.</a>
−
 
+
    <img src="https://static.igem.org/mediawiki/2017/1/12/T--HZAU-China--collaborations1.png" class="disanbufeng">
−
    #HZAUmenu>a:hover {
+
     <a class="zhengwen">2. We provided the parts of promoters with series strength, reporter fluorescent protein, E.coli BL21 strain and E.coli MG1655 strain for Northwestern Polytechnical University iGEM team.</a>
−
      color: #000;
+
    <img src="https://static.igem.org/mediawiki/2017/e/e6/T--HZAU-China--collaborations2.png" class="disanbufeng">
−
      text-decoration: none;
+
    <a class="zhengwen">3. We would like to thank Peking University iGEM team for giving us parts containing FKBP and FRB, and helping us with microfluidics.</a>
−
    }
+
  </div>
−
 
+
−
    #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">Collaborations</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>
+
−
      </div>
+
−
     </div>
+
 
   </div>
 
   </div>
 
</body>
 
</body>
 +
 +
</html>

Revision as of 01:54, 2 November 2017

Collaborations 1. Biosafety 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: 2. Amsterdam 3. Mutual help 1. This year we had a deep communication with Hubei University of Technology about Interlab and many other aspects. 2. We provided the parts of promoters with series strength, reporter fluorescent protein, E.coli BL21 strain and E.coli MG1655 strain for Northwestern Polytechnical University iGEM team. 3. We would like to thank Peking University iGEM team for giving us parts containing FKBP and FRB, and helping us with microfluidics.