Difference between revisions of "Team:SCUT-China/Contribution"

 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
 
−
{{SCUT-China/CSS}}
 
−
{{SCUT-China/CSS-animate}}
 
 
{{SCUT-China/CSS-header}}
 
{{SCUT-China/CSS-header}}
 +
{{SCUT-China/CSS-TTF}}
 +
  
 
<html>
 
<html>
−
  <head>
+
<head>
−
    <meta charset="utf-8">
+
 
−
    <!-- ---------------------------{{IGEM_TopBar}} {{SCUT-China}}------------------------ -->
+
  <meta charset="utf-8">
−
    <link rel="stylesheet" type="text/css"
+
  <title></title>
−
href="https://2021.igem.org/Team:SCUT-China/CSS/style-content-1?action=raw&ctype=text/css" />
+
  <!-- 4444444444444444444444此处上传时需要删除44444444444444444 -->
−
    <style media="screen">
+
  <link rel="stylesheet" href="css/style.css">
−
      #top_title{ display:none; }
+
  <link rel="stylesheet" href="css/style-content.css">
−
      #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
+
  <link rel="stylesheet" href="css/style_ttc_p.css">
−
body, html {background-color:white; width: 100%; height: 100%;}
+
  <!-- 4444444444444444444444此处上传时需要删除44444444444444444 -->
−
      p {font-size:15px;}
+
 
−
    </style>
+
 
−
    <title></title>
+
 
−
  </head>
+
 
−
  <body>
+
      <style media="screen">
−
       <!-- ---------------------------------Header Start---------------------------- -->
+
        #top_title{ display:none; }
−
   <div class="header-area">
+
        #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;}
−
        <div class="main-header ">
+
      body, html {background-color:#ececea; width: 100%; height: 100%;scroll-behavior: smooth;}
−
            <div class="header-bottom  header-sticky">
+
 
−
                <div class="container-fluid">
+
/* 666666666666666666666666666666666666666666666666666666666666以下为加载动画样式66666666666666666666666666666666666666666 */
−
                    <div class="menu-all">
+
        #gif
−
                        <!-- Logo -->
+
          {
−
                        <div class="logo">
+
            position: fixed;
−
                            <a href="home-1.html"><img  src="images/img_2.jpg" alt=""></a>
+
            top: 0;
−
                        </div>
+
            left: 0;
−
                        <!-- Main-menu -->
+
            width: 100%;
−
                        <div class="main-menu">
+
            height: 100%;
−
                                <nav>
+
            z-index: 99999;
−
                                    <ul id="navigation">
+
            /* display: -webkit-box; */
−
                                        <li><a href="https://2021.igem.org/Team:SCUT-China">HOME</a></li>
+
            -webkit-box-orient: horizontal;
 +
            -webkit-box-pack: center;
 +
            -webkit-box-align: center;
 +
            background: #fff;
 +
        }
 +
 
 +
        #gif>img/*设置gif下的img元素样式*/
 +
        {
 +
 
 +
            /* width:40%; */
 +
        }
 +
          .gif2{
 +
            top: 25%;
 +
            height:auto;
 +
            margin-left:30%;
 +
            width:40%;
 +
          }
 +
          .gif1{
 +
            margin-left:35%;
 +
            top: 70%;
 +
            width:30%;
 +
            margin-top:-25px;
 +
 
 +
          }
 +
 
 +
/* 666666666666666666666666666666666666666666666666666666666666以上为加载动画样式66666666666666666666666666666666666666666 */
 +
  /* 左侧导航栏样式 */
 +
  #bodyContent h2{
 +
    padding:10px;
 +
  }
 +
  /* css */
 +
  html, body, div, span, applet, object, iframe,
 +
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 +
  a, abbr, acronym, address, big, cite, code,
 +
  del, dfn, em, img, ins, kbd, q, s, samp,
 +
  small, strike, strong, sub, sup, tt, var,
 +
  b, u, i, center,
 +
  dl, dt, dd, ol, ul, li,
 +
  fieldset, form, label, legend,
 +
  table, caption, tbody, tfoot, thead, tr, th, td,
 +
  article, aside, canvas, details, embed,
 +
  figure, figcaption, footer, header, hgroup,
 +
  menu, nav, output, ruby, section, summary,
 +
  time, mark, audio, video {
 +
      margin: 0;
 +
      padding: 0;
 +
      border: 0;
 +
  }
 +
 
 +
  /* HTML5 display-role reset for older browsers */
 +
  article, aside, details, figcaption, figure,
 +
  footer, header, hgroup, menu, nav, section {
 +
      display: block;
 +
  }
 +
  body{
 +
    line-height: 1.5;
 +
  }
 +
  .middle{
 +
    background: #f4f3ee;
 +
    }
 +
  .middle_img{
 +
    width:100%;
 +
    height:100%;
 +
    background-color:rgba(0,0,0,0);
 +
    background:url("https://static.igem.org/mediawiki/2021/c/c5/T--SCUT-China--iiii.png") ;
 +
    background-size: 100% 100%;
 +
    background-attachment: fixed;
 +
    z-index: -1;
 +
    /* border-radius: 300px; */
 +
    /* background: #154889; */
 +
    overflow: hidden;
 +
  }
 +
 
 +
  ol, ul {
 +
      list-style: none;
 +
  }
 +
  blockquote, q {
 +
      quotes: none;
 +
  }
 +
  blockquote:before, blockquote:after,
 +
  q:before, q:after {
 +
      content: '';
 +
      content: none;
 +
  }
 +
  table {
 +
      border-collapse: collapse;
 +
      border-spacing: 0;
 +
  }
 +
  .left{
 +
    width: 25%;
 +
    height:auto;
 +
    float: left;
 +
    background:#ececea ;
 +
  }
 +
  .right{
 +
    width: 75%;
 +
    float: left;
 +
    z-index: 0;
 +
    background: #ececea;
 +
  }
 +
 
 +
  .siderBar{
 +
    /* 更改鼠标设置图片-------------------------------------------------------------------- */
 +
    /* cursor:url('img/youzi_jiantou-1.png'),auto; */
 +
    width: 95%;
 +
  }
 +
  #nav{
 +
    background: #ececea ;
 +
    top: 20px;
 +
    /* margin-top: 13%; */
 +
  }
 +
  #nav li{
 +
    margin-top: 10px;
 +
      width: 95%;
 +
      /* height: 50px; */
 +
      line-height: 25px;
 +
      text-align: center;
 +
      line-height:25px;
 +
      color: #2C2C2C;
 +
      margin-bottom: 10px;
 +
      padding-top:8px;
 +
      cursor: pointer;
 +
      font-family: 'H2_text';
 +
      font-weight:200;
 +
      font-size: 19px;
 +
      transition: all 0.2s ease;
 +
      -webkit-transition: all 0.2s ease;
 +
      -moz-transition: all 0.2s ease;
 +
  }
 +
  #nav li a{
 +
    padding-top: 15px;
 +
    color:#2C2C2C;
 +
    text-decoration:none;
 +
  }
 +
  #nav li a_nav{
 +
    margin-left: 20px;
 +
    padding-top: 20px;
 +
  }
 +
 
 +
  /* #nav li a:hover > img{
 +
    visibility:visible;
 +
  } */
 +
  #nav li.on{
 +
      background:#dad9d5;
 +
  }
 +
 
 +
 
 +
  #right-nav li a img{
 +
    width: 30px;
 +
    height: auto;
 +
    float: right;
 +
    margin-right: 10px;
 +
  }
 +
  #right-nav {
 +
    position: fixed;
 +
    right: 0px;
 +
    bottom: 50px;
 +
 
 +
  }
 +
  #right-nav li {
 +
        width: 167px;
 +
        height: 32px;
 +
        line-height: 32px;
 +
        text-align: center;
 +
        color: #ffffff;
 +
        margin-bottom: 5px;
 +
        background: url("images/side-nav-bg.jpg") no-repeat;
 +
        cursor: pointer;
 +
        transition: all 0.2s ease;
 +
        -webkit-transition: all 0.2s ease;
 +
        -moz-transition: all 0.2s ease;
 +
  }
 +
  #right-nav li.on{
 +
      transform: translate(-34px);
 +
      -webkit-transform: translate(-34px);
 +
      -moz-transform: translate(-34px);
 +
 
 +
  }
 +
  </style>
 +
 
 +
  <!-- 0000000000000000000000000000000000000右侧工具栏000000000000000000000000000000000 -->
 +
  <!-- 0000000000000000000000000000000000000右侧工具栏000000000000000000000000000000000 -->
 +
  <style>
 +
  .card-wrapper a:link,
 +
  .card-wrapper a:hover,
 +
  .card-wrapper a:visited,
 +
  .card-wrapper a:active {
 +
  color: #fff;
 +
  text-decoration: none;
 +
  }
 +
 
 +
  .card-holder {
 +
  position: fixed;
 +
  z-index: 9999;
 +
  width: 0px;
 +
  overflow: visible;
 +
  visibility: hidden;
 +
  }
 +
 
 +
  .card-wrapper {
 +
  display: inline-block;
 +
  float: left;
 +
  clear: both;
 +
  }
 +
 
 +
  .card {
 +
  position: relative;
 +
  right: 32px;
 +
  padding: 8px 32px 8px 32px;
 +
  margin: 8px;
 +
  x-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.5);
 +
  box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.5);
 +
  background: #fff;
 +
  transition: all 0.3s ease-in-out 0.1s;
 +
  }
 +
  .card_img {
 +
  position: relative;
 +
  right: 25px;
 +
  width:40px;
 +
  height:40px;
 +
  magin:10px;
 +
  bottom: -10px;
 +
  x-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.5);
 +
  box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.5);
 +
  background:rgba(0, 0, 0, 0);
 +
  }
 +
  .card-wrapper img{
 +
  margin-right: 32px;
 +
  width:100%;
 +
  height:auto;
 +
 
 +
  }
 +
 
 +
  .card:hover {
 +
  position: relative;
 +
  right: 100%;
 +
  margin-right: -32px;
 +
  box-shadow:
 +
  0 -8px 8px -8px rgba(0, 0, 0, 0.5),
 +
  0 8px 8px -8px rgba(0, 0, 0, 0.5);
 +
  transition: all 0.3s ease-in-out;
 +
  }
 +
 
 +
  .card-content {
 +
  display: inline-block;
 +
  color: #fff;
 +
  font-family: 'p_text';
 +
  font-size: 16px;
 +
  font-weight:450;
 +
  white-space: nowrap;
 +
  margin-right: 10px;
 +
  }
 +
 
 +
  .bg-01 { background: #539770; }
 +
  .bg-02 { background: #4B7D74; }
 +
  .bg-03 { background: #8DC2BC; }
 +
  .bg-04 { background: #EDD6B4; }
 +
  .bg-05 { background: #BE7467; }
 +
  .bg-06 { background: #E2AE63; }
 +
 
 +
  .card-right{
 +
  z-index: 999;
 +
  }
 +
  </style>
 +
  <!-- 0000000000000000000000000000000000000正文内容0000000000000000000000000000000 -->
 +
  <style>
 +
  .main_div{
 +
    background: #ececea;
 +
    display:inline-block;
 +
    width:100%;
 +
  }
 +
  #wrap{
 +
      width: 100%;
 +
  }
 +
  #wrap div{
 +
      /* width: 100%; */
 +
      /* height:auto; */
 +
      /* height: 500px; */
 +
  }
 +
  #content_part{
 +
    display:inline-block;
 +
    margin-top:10px;
 +
    margin-bottom: 15px;
 +
    /* background: #f4f3ee; */
 +
  }
 +
  #hrmar{
 +
      background: #f4f3ee;
 +
      height: auto;
 +
      margin-top:30px;
 +
      margin-right: 40px;
 +
      margin-bottom: 10px;
 +
      color:#333;
 +
 
 +
      filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
 +
 
 +
       -moz-box-shadow: 2px 2px 10px #909090;
 +
 
 +
      -webkit-box-shadow: 2px 2px 10px #909090;
 +
 
 +
      box-shadow:2px 2px 10px #909090;
 +
  }
 +
  .content_div_img{
 +
    margin: 10px;
 +
    text-align: center;
 +
    justify-content: center;
 +
    display: flex;
 +
    /* width: 900px;
 +
    height: 500px; */
 +
 
 +
  }
 +
  .content_div_img img{
 +
    width:85%;
 +
    height:auto;
 +
  }
 +
 
 +
  .content_text_h2{
 +
    text-align: left;
 +
    margin-left: 70px;
 +
    margin-top: 10px;
 +
    font-size: 25px;
 +
    font-family:"H2_text";
 +
  }
 +
  .content_div_text{
 +
    letter-spacing: 0.4px;
 +
    margin: 20px;
 +
    padding-left:100px;
 +
    padding-right:100px;
 +
    /* text-align:center; */
 +
    float: left;
 +
    line-height: 1.5;
 +
    display: inline-block;
 +
    vertical-align: middle;
 +
    text-align: left;
 +
 
 +
  }
 +
  .content_div_text span{
 +
 
 +
  font-weight:bold;
 +
  }
 +
  .content_div_text p{
 +
    font-size:18px;
 +
    line-height: 1.5;
 +
    color: #2C2C2C;
 +
    text-align: justify;
 +
    font-family:"P_text";
 +
    word-wrap: break-word
 +
  }
 +
  hr{
 +
    margin-top: 1rem;
 +
    margin-bottom: 1rem;
 +
    border: 0;
 +
    border-top: 2px solid rgba(0,0,0,.1);
 +
    left: 20px;
 +
  }
 +
  .hrmar{
 +
    margin: 0rem 2rem 0 0;
 +
    width: 95%;
 +
  }
 +
  /* --------------------------------------------------------侧边进度条调整--------------------------------- */
 +
   .divBox_div{
 +
    position: fixed;
 +
    width: 10px;
 +
    height: 100%;
 +
    z-index: 99;
 +
  }
 +
  #divBox {
 +
      position: relative;
 +
      width: 10px;
 +
      background-color: #feb770;
 +
      padding: 1px;
 +
      text-align: center;
 +
      top:5%;}
 +
  #divBox_0 {
 +
          position: relative;
 +
          width:10px;
 +
          height: 100%;
 +
          background-color: #feebc3;
 +
          padding: 1px;
 +
          text-align: center;
 +
          top:5%;
 +
          visibility: hidden;
 +
        }
 +
  #bottom_div{
 +
    float: right;
 +
    width: 100%;
 +
    height: 35%;
 +
    /* background-color: #f4f3ee; */
 +
    background-color: #ececea;
 +
  }
 +
  @media only screen and (min-width: 1500px) and (max-width: 2560px) {
 +
    #bottom_div{
 +
      height: 33%;
 +
      height: 260px;
 +
 
 +
    }
 +
  }
 +
  @media only screen and (min-width: 1000px) and (max-width: 1500px) {
 +
    #bottom_div{
 +
      height: 30%;
 +
      height: 260px;
 +
    }
 +
  }
 +
  @media only screen and (min-width: 768px) and (max-width: 1199px) {
 +
    #bottom_div{
 +
      height: 220px;
 +
    }
 +
 
 +
  }
 +
  @media (max-width: 768px) {
 +
    #bottom_div{
 +
      height: 180px;
 +
    }
 +
  }
 +
  #bottom_div_img{
 +
    float: right;
 +
    width: 100%;
 +
    height: 100%;
 +
    margin-left: 30px;
 +
    background: url("https://static.igem.org/mediawiki/2021/6/67/T--SCUT-China--background-home-bottom.png");
 +
    background-size: 100% 100%;
 +
  }
 +
  #bottom_div .a_div{
 +
    display: relative;
 +
    width: 17%;
 +
    height:50px;
 +
    margin-left: 30px;
 +
    opacity: 0;
 +
  }
 +
  #bottom_div a{
 +
    opacity: 1;
 +
  }
 +
 
 +
  /* ----------------------------------------------------------------------------------轮播图 */
 +
  #parent{
 +
      position: relative;
 +
      margin: 10px auto;
 +
      padding: 0;
 +
      width: 500px;
 +
      height: 309px;
 +
  }
 +
 
 +
  #uls{
 +
      position: relative;
 +
      margin: 0;
 +
      padding: 0;
 +
      width: 500px;
 +
      height: 309px;
 +
      overflow: hidden;
 +
  }
 +
 
 +
  #img_ul{
 +
      position: absolute;
 +
      margin: 0;
 +
      padding: 0;
 +
      left: 0;
 +
      top: 0;
 +
      width: 3000px;          /*多留出一张图片的宽度！*/
 +
      list-style: none;
 +
  }
 +
  #img_ul li{
 +
      float: left;
 +
      margin: 0;
 +
      padding: 0;
 +
      width: 500px;
 +
      height: 309px;
 +
  }
 +
  #img_ul li img{
 +
      width: 500px;
 +
      height: 250px;
 +
  }
 +
 
 +
  #litCir_ul{
 +
      position: absolute;
 +
      margin: 0;
 +
      padding: 0;
 +
      right: 10px;
 +
      bottom: 10px;
 +
      list-style: none;
 +
  }
 +
  #litCir_ul li{
 +
      margin: 0;
 +
      padding: 0;
 +
      float: left;
 +
      width: 20px;
 +
      height: 20px;
 +
      text-align: center;
 +
      line-height: 20px;
 +
      border-radius: 50%;
 +
      margin-left:10px ;
 +
      cursor: pointer;
 +
  }
 +
 
 +
  #litCir_ul li.active{
 +
      background-color: white;
 +
  }
 +
  #litCir_ul li.quiet{
 +
      background-color: #feb770;
 +
  }
 +
 
 +
  #buttons{
 +
      margin: 0;
 +
      padding: 0;
 +
      display: none;
 +
  }
 +
  #buttons span{
 +
      position: absolute;
 +
      width: 40px;
 +
      height: 40px;
 +
      top: 50%;
 +
      margin-top: -20px;
 +
      line-height: 40px;
 +
      text-align: center;
 +
      font-weight: bold;
 +
      font-family: Simsun;
 +
      font-size: 30px;
 +
      border: 1px solid #fff;
 +
      opacity: 0.3;
 +
      cursor: pointer;
 +
      color: #fff;
 +
      background: black;
 +
  }
 +
  #left_button{
 +
      left: 5px;
 +
  }
 +
  #right_button{
 +
      left: 100%;
 +
      margin-left: -45px;
 +
  }
 +
  /* ------------------------------------------------------------------------------------------------------------------------------------------------------ */
 +
  </style>
 +
 
 +
      <title></title>
 +
    </head>
 +
 
 +
    <body  >
 +
 
 +
      <!-- 顶部导航栏位置 -->
 +
  <div class="header" >
  
−
                                        <li><a href="">PROJECT</a>
+
        <!---Header Start-->
−
                                          <ul class="submenu"  style="margin-left: 0px;">
+
      <div class="header-area">
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Description">Description</a></li>
+
          <div class="main-header ">
−
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Design">Design</a></li>
+
              <div class="header-bottom  header-sticky">
−
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Experiments">Experiments</a></li>
+
                  <div class="container-fluid">
−
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/AchieveMents">AchieveMents</a></li>
+
                      <div class="menu-all">
−
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Model">Model</a></li>
+
                          <!-- Logo -->
−
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Timeline">Timeline</a></li>
+
                          <div class="logo">
−
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Contribution">Contribution</a></li>
+
                              <a href="https://2021.igem.org/Team:SCUT-China"><img class="logoimg" src="https://static.igem.org/mediawiki/2021/5/5b/T--SCUT-China--logo.png" alt=""></a>
−
                                          </ul>
+
                          </div>
−
                                        </li>
+
                          <!-- Main-menu -->
−
<li><a href="#">WETLAB</a>
+
                          <div class="main-menu">
−
<ul class="submenu"  style="margin-left: 0px;">
+
                                  <nav>
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Protocols">Protocols</a></li>
+
                                      <ul id="navigation">
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Improve">Improve</a></li>
+
                                          <li><a href="https://2021.igem.org/Team:SCUT-China">HOME</a></li>
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Parts">Parts</a></li>
+
                                          <li><a href="#">TEAM</a>
−
</ul>
+
                                            <ul class="submenu"  style="margin-left: 0px;">
−
</li>
+
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Members">Members</a></li>
−
<li><a href="#">TEAM</a>
+
                                                 <li><a href="https://2021.igem.org/Team:SCUT-China/Attributions">Attributions</a></li>
−
<ul class="submenu"  style="margin-left: 0px;">
+
                                                 <li><a href="https://2021.igem.org/Team:SCUT-China/Safety">Safety</a></li>
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Attributions">Attributions</a></li>
+
                                                 <li><a href=" https://2021.igem.org/Team:SCUT-China/Collaborations">Collaboration</a></li>
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Team">Team members</a></li>
+
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Journey-and-Stories">Journey and Stories</a></li>
+
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Conteact-Us">Conteact Us</a></li>
+
−
</ul>
+
−
</li>
+
−
                                        <li><a href="#">HUMAN PRACTICE</a>
+
−
                                            <ul class="submenu" style="margin-left: 0px;">
+
−
                                                 <li><a href="https://2021.igem.org/Team:SCUT-China/Integrated-Human-Practices">Integrated Human Practices</a></li>
+
−
                                                 <li><a href="https://2021.igem.org/Team:SCUT-China/Public-Education">Public Education and Engagement</a></li>
+
−
                                                 <li><a href="https://2021.igem.org/Team:SCUT-China/Collaborations">Collaborations</a></li>
+
 
                                             </ul>
 
                                             </ul>
−
                                        </li>
+
                                          </li>
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Safety">SAFETY</a></li>
+
                                          <li><a href="">PROJECT</a>
−
                                        <li><a href="https://2021.igem.org/Team:SCUT-China/Awards">AWARDS</a>
+
                                            <ul class="submenu"  style="margin-left: 0px;">
−
                                          <ul class="submenu" style="margin-left: 0px;">
+
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Description">Description</a></li>
−
                                               <li><a href="https://2021.igem.org/Team:SCUT-China/Medals">Medals</a></li>
+
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Proof_Of_Concept">Proof of concept</a></li>
−
                                               <li><a href="https://2021.igem.org/Team:SCUT-China/Awards">Awards</a></li>
+
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Contribution">Contributions</a></li>
−
                                          </ul>
+
                                               <li><a href="https://2021.igem.org/Team:SCUT-China/Partnership">Partnership</a></li>
−
                                        </li>
+
                                               <li><a href="https://2021.igem.org/Team:SCUT-China/Notebook">Notebook</a></li>
−
                                    </ul>
+
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Measurement">Measurement</a></li>
−
                                </nav>
+
                                            </ul>
−
                        </div>
+
                                          </li>
−
                        <!-- Mobile Menu -->
+
                                        <li><a href="#">WET LAB</a>
−
  <div class="main-menu-min">
+
                                          <ul class="submenu" style="margin-left: 0px;">
−
<nav class="nav">
+
                                            <li><a href="https://2021.igem.org/Team:SCUT-China/Design">Design</a></li>
−
<ul >
+
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Engineering">Engineering</a></li>
−
<li class="current"><div align="center"><img src="https://static.igem.org/mediawiki/2021/f/f3/T--SCUT-China--_nav_min.png"></div></li>
+
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Results">Results</a></li>
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Description">Project</a></li>
+
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Experiment">Experiment</a></li>
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Protocols">WetLab</a></li>
+
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Parts">Parts</a></li>
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Team">Team</a></li>
+
                                                <li><a href="https://2021.igem.org/Team:SCUT-China/Improvement">Improvement of a part</a></li>
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Integrated-Human-Practices">Human Proctice</a></li>
+
                                          </ul>
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Safety">Safety</a></li>
+
                                        </li>
−
<li><a href="https://2021.igem.org/Team:SCUT-China/Awards">Awards</a>
+
−
</ul>
+
−
</div>
+
−
+
−
+
−
                      <!-- Mobile Menu -->
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </div>
+
−
    <!-- Header End -->
+
  
−
    <!-- -------------------------------------分级页面布局------------------------------------ -->
+
                                          <li><a href="#">DRY LAB</a>
 +
                                              <ul class="submenu" style="margin-left: 0px;">
 +
                                                <li><a href="https://2021.igem.org/Team:SCUT-China/Model">Overview</a></li>
 +
                                                <li><a href="https://2021.igem.org/Team:SCUT-China/Software">Software NuPGO</a></li>
 +
                                                <li><a href="https://2021.igem.org/Team:SCUT-China/Fermentation-simulation">Fermentation simulation</a></li>
 +
                                                <li><a href="https://2021.igem.org/Team:SCUT-China/Machine-learning">Machine learning</a></li>
 +
                                              </ul>
 +
                                          </li>
 +
                                          <li><a href="#">Human PRACTICE</a>
 +
                                            <ul class="submenu"  style="margin-left: 0px;">
 +
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Human_Practices">Integrated Human Practices</a></li>
 +
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Implementation">Imposed implementation</a></li>
 +
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Inclusivity">Inclusivity</a></li>
 +
                                                <li><a href="https://2021.igem.org/Team:SCUT-China/Education">Education and Communication</a></li>
 +
                                              <li><a href="https://2021.igem.org/Team:SCUT-China/Entrepreneurship">Entrepreneurship</a></li>
 +
                                            </ul>
 +
                                          </li>
  
−
    <!-- START Section -->
+
                                          <li><a href="https://2021.igem.org/Team:SCUT-China/Awards">AWARDS</a></li>
−
    <section class="section border-t pb-0">
+
                                      </ul>
−
      <div class="container">
+
                                  </nav>
−
        <div class="row justify-content-center mb-5 element-animate">
+
                          </div>
−
          <div class="col-md-8 text-center">
+
                          <!-- Mobile Menu -->
−
            <h2 class=" heading mb-4">Contribution</h2>
+
        <div class="main-menu-min">
−
            <p class="mb-5 lead" style="font-size: 20px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi unde impedit, necessitatibus, soluta sit quam minima expedita atque corrupti reiciendis.</p>
+
          <nav class="nav">
−
          </div>
+
            <ul >
−
        </div>
+
              <li class="current"><div align="center"><img src="https://static.igem.org/mediawiki/2021/b/be/T--SCUT-China--header-min.png"></div></li>
−
      </div>
+
              <li><a href="https://2021.igem.org/Team:SCUT-China">HOME</a></li>
−
      <div class="container">
+
              <li><a href="https://2021.igem.org/Team:SCUT-China/Protocols">PROJECT</a></li>
−
      <div class="container-fluid">
+
              <li><a href="https://2021.igem.org/Team:SCUT-China/Description">WET LAB</a></li>
−
        <div class="row no-gutters">
+
              <li><a href="https://2021.igem.org/Team:SCUT-China/Design">DRY LAB</a></li>
−
          <div class="col-md-4 element-animate">
+
              <li><a href="https://2021.igem.org/Team:SCUT-China/Integrated">Integrated Human Practices</a></li>
−
            <a href="#Part1" class="link-thumbnail">
+
              <li><a href="https://2021.igem.org/Team:SCUT-China/Awards">Awards</a>
−
              <h3 style="color: #fff;
+
            </ul>
−
  font-size: 18px;">Part Name 1</h3>
+
        </div>
−
              <img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" alt="Image" class="img-fluid">
+
−
            </a>
+
−
          </div>
+
−
          <div class="col-md-4 element-animate">
+
−
            <a href="#Part2" class="link-thumbnail">
+
−
              <h3>Part Name 2</h3>
+
−
              <img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" alt="Image" class="img-fluid">
+
−
            </a>
+
−
          </div>
+
−
          <div class="col-md-4 element-animate">
+
−
            <a href="#Part3" class="link-thumbnail">
+
−
              <h3>Part Name 3</h3>
+
−
              <span class="ion-plus icon"></span>
+
−
              <img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" alt="Image" class="img-fluid">
+
−
            </a>
+
−
          </div>
+
−
          <div class="col-md-4 element-animate">
+
−
            <a href="#Part4" class="link-thumbnail">
+
−
              <h3>Part Name 4</h3>
+
−
              <span class="ion-plus icon"></span>
+
−
              <img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" alt="Image" class="img-fluid">
+
−
            </a>
+
−
          </div>
+
−
          <div class="col-md-4 element-animate">
+
−
            <a href="#Part5" class="link-thumbnail">
+
−
              <h3>Part Name 5</h3>
+
−
              <span class="ion-plus icon"></span>
+
−
              <img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" alt="Image" class="img-fluid">
+
−
            </a>
+
−
          </div>
+
−
          <div class="col-md-4 element-animate">
+
−
            <a href="#Part6" class="link-thumbnail">
+
−
              <h3>Part Name 6</h3>
+
−
              <span class="ion-plus icon"></span>
+
−
              <img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" alt="Image" class="img-fluid">
+
−
            </a>
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
    </section>
+
−
    <!-- END section -->
+
−
   
+
−
    <!-- START block -->
+
−
    <section class="section element-animate" id="Part1">
+
−
      <div class="container">
+
−
        <div class="row align-items-center mb-5">
+
−
          <div class="col-md-6 mb-5">
+
−
            <div class="block-41">
+
−
              <div class="block-41-subheading d-flex">
+
−
                <div class="block-41-number">01</div>
+
−
                <div class="block-41-line align-self-center mx-2"></div>
+
−
                <div class="block-41-subheading-2">one photo</div>
+
−
              </div>
+
−
              <h2 class="block-41-heading mb-5">Part Name 1</h2>
+
−
              <div class="block-41-text">
+
−
                <p style="font-size: 19px;">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
+
−
              </div>
+
−
            </div>
+
−
          </div>
+
−
          <div class="col-md-6">
+
−
            <img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" alt="Image" class="img-fluid-block">
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
    </section>
+
  
−
    <section class="section element-animate" id="Part2">
+
 
−
      <div class="container">
+
 
−
        <div class="row align-items-center mb-5">
+
                        <!-- Mobile Menu -->
−
          <div class="col-md-12 mb-5">
+
                      </div>
−
            <div class="block-41">
+
                  </div>
−
              <div class="block-41-subheading d-flex">
+
−
                <div class="block-41-number">02</div>
+
−
                <div class="block-41-line align-self-center mx-2"></div>
+
−
                <div class="block-41-subheading-2">two photos</div>
+
 
               </div>
 
               </div>
−
              <h2 class="block-41-heading mb-5">Part Name 2</h2>
 
−
              <div class="block-41-text">
 
−
                <p style="font-size: 20px;">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
 
−
               
 
−
              </div>
 
−
            </div>
 
 
           </div>
 
           </div>
−
            <div class="col-md-12 mb-5">
 
−
              <table frame=void rules=none cellspacing=0 >
 
−
                <tr>
 
−
                  <td ><center><img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" class="img-fluid" class="img-fluid-block">picture 1 </center></td>
 
−
                  <td ><center><img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" class="img-fluid">picture 2 </center></td>
 
−
                </tr>
 
−
            </table>
 
−
              </div>
 
−
        </div>
 
 
       </div>
 
       </div>
−
    </section>
+
      <!-- Header End -->
 +
  </div>
 +
    <!-- 11111111111111111111111111111111111111111111111111111111111进度条 -->
 +
    <div class="divBox_div">
 +
      <div id="divBox"></div>
 +
      <div id="divBox_0"></div>
 +
    </div>
  
−
    <section class="section bg-light" id="Part3">
+
    <div class="middle">
−
      <div class="container">
+
      <div class="middle_img">
−
        <div class="row justify-content-center mb-5 element-animate">
+
        <div class="" style="position: relative;float:right;margin-top: 350px;margin-right: -95px;width:100px;height:300px; background-color:rgba(0,0,0,0);">
−
          <div class="col-md-8 text-center">
+
          <div class="card-holder" id="card-holder" >
−
            <h2 class=" heading mb-4">Part Name 3</h2>
+
            <div class='card-wrapper'>
−
            <p class="mb-5 lead" style="font-size: 20px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi unde impedit, necessitatibus, soluta sit quam minima expedita atque corrupti reiciendis.</p>
+
                <div class='card_img '>
−
          </div>
+
                  <span class='card-content'><img src="https://static.igem.org/mediawiki/2021/f/fd/T--SCUT-China--tool.png"></span>
−
          <table>
+
                </div>
−
            <tr>
+
            </div>
−
              <td ><center><img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" class="img-fluid" >picture 1 </center></td>
+
            <div class='card-wrapper'>
−
              <td ><center><img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" class="img-fluid">picture 2 </center></td>
+
              <a href='#content_part_h2' id="bg" onclick="bigger();">
−
              <td ><center><img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" class="img-fluid">picture 3 </center></td>
+
                <div class='card bg-03'>
−
            </tr>
+
                  <span class='card-content'>Increase the font size</span>
−
        </table>
+
                </div>
 +
              </a>
 +
            </div>
 +
            <div class='card-wrapper'>
 +
              <a href='#content_part_h2' id="lt" onclick="small();">
 +
                <div class='card bg-04'>
 +
                  <span class='card-content'>Reduce the font size</span>
 +
                </div>
 +
              </a>
 +
            </div>
 +
            <div class='card-wrapper'>
 +
              <a href='#content_part_h2' id="cl" οnclick="changeLanguage()">
 +
                <div class='card bg-05'>
 +
                  <span class='card-content'>Translation</span>
 +
                </div>
 +
              </a>
 +
            </div>
 +
            <div class='card-wrapper'>
 +
              <a href='#'>
 +
                <div class='card bg-06'id="toTop">
 +
                  <span class='card-content'>Go back to the top</span>
 +
                </div>
 +
              </a>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
<!-- 444444444444444444444444444444444444444444444444444444444444444以下需要替换（直接替换即可）预览时字体效果不会出现44444444444444444444444444444444444444444444444444444444444444 -->
 +
      <!-- -0000000000000000000000000000000000000加载动图000000000000000000000000000000000000000 -->
 +
    <div id= "gif">
 +
      <p style="font-size:30px;margin-left:43%;margin-top:20px;">Loading...</p>
 +
        <img class="gif2"src = "https://static.igem.org/mediawiki/2021/b/b8/T--SCUT-China--model-gif-bool.gif"/>
 +
        <img class="gif1"src = "https://static.igem.org/mediawiki/2021/1/12/T--SCUT-China--model-gif-bar.gif"/>
 +
    </div>
 +
    <!-- -0000000000000000000000000000000000000以上加载动图000000000000000000000000000000000000000 -->
  
−
        </div>
+
    <!-- 111111111111111111111111111111111111111111111111左侧导航条，标准样式11111111111111111111111111111111111 -->
−
      </div>
+
    <main class="main">
−
    </section>
+
      <div class="main_div" >
−
 
+
      <div class="left" >
−
    <section class="section element-animate" id="Part4">
+
        <div class="siderBar">
−
      <div class="container">
+
        <div class="menu">
−
        <div class="row align-items-center mb-5">
+
            <ul id="nav">
−
          <div class="col-md-6 mb-5">
+
              <li style="font-size:26px;"><a class="a_nav">Contribution</a></li>
−
            <div class="block-41">
+
              <hr class="hrmar">
−
              <div class="block-41-subheading d-flex">
+
              <!-- 以下复制可增加左侧导航栏数量 -->
−
                <div class="block-41-number">04</div>
+
                <li ><a>Overview</a></li>
−
                <div class="block-41-line align-self-center mx-2"></div>
+
                 <!-- 以上复制可增加左侧导航栏数量- -->
−
                 <div class="block-41-subheading-2">four photo</div>
+
                <li><a >Wet lab</a></li>
−
              </div>
+
                <li><a >Human Practice </a></li>
−
              <h2 class="block-41-heading mb-5">Part Name 4</h2>
+
                <li><a >Education</a></li>
−
              <div class="block-41-text">
+
                <!-- <hr class="hrmar"> -->
−
                 <p style="font-size: 20px;">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
+
                 <li><a >Dry Lab</a></li>
−
              </div>
+
            </ul>
 
             </div>
 
             </div>
−
            <table>
+
        </div>
−
              <tr>
+
      </div>
−
                <td ><center><img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg " class="img-fluid" >picture 1 </center></td>
+
   
−
                <td ><center><img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" class="img-fluid">picture 2 </center></td>
+
      <div class="right" style="width: 75%;float: right;">
−
              </tr>
+
        <div class="content-my">
−
          </table>
+
            <div id="wrap">
−
          </div>
+
              <hr class="hrmar" style="visibility:hidden;" id="content_part_h2">
−
          <div class="col-md-6 ">
+
   
−
              <div class="block-41-text">
+
              <!-- 以下为一个标准卡片范围 -->
−
                <p style="font-size: 20px;">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
+
              <!-- -hr 为隐藏定位 -->
−
              </div>
+
              <hr class="hrmar"style="visibility:hidden;" id="content_part_h2">
−
              <table>
+
              <!-- id=hrmar  为阴影效果div- -->
−
                <tr>
+
              <div id="hrmar">
−
                  <td ><center><img src="https://static.igem.org/mediawiki/2021/b/bb/T--SCUT-China--img_1_template.jpg" class="img-fluid">picture 1 </center></td>
+
                <!-- 所有图片（img）、文字（p）、标题（h2、h4）必须在id=content_part之中 -->
−
                  <td ><center><img src="https://static.igem.org/mediawiki/2021/7/76/T--SCUT-China--_template2.jpg" class="img-fluid">picture 2 </center></td>
+
                <div id="content_part">
−
                </tr>
+
                  <!-- h2 为一级标题- -->
−
            </table>
+
                    <h2  class="content_text_h2">Overview</h2>
−
            <div class="block-41-text">
+
                    <p  id="p1_1"align="left">      For contributions, our promoter engineering have made a lot of effect on it. All of these may be helpful to other teams. We hope it will make some contribution to the iGEM community.
−
              <p style="font-size: 20px;">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
+
                    </p>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <!--以上内容为一个标准卡片内容 -->
 +
   
 +
   
 +
              <hr class="hrmar"style="visibility:hidden;" id="content_part_h2">
 +
                <div id="hrmar">
 +
                  <div id="content_part">
 +
                    <h2  class="content_text_h2">Wet lab</h2>
 +
                    <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">1.Measurement of the strength of 14 promoters</h4>
 +
                      <div class="content_div_text">
 +
                        <p  id="p1_1"align="left" style="float:left;">   At the stage of promoter search and screening, 14 common promoters in various metabolic pathways of S. cerevisiae were compared in the production of Valencene by 64h shaker fermentation experiment, so as to characterize the intensity difference between them(Figure1).
 +
                        </p>
 +
                        <p  id="p1_1"align="left" style="float:left;">    One of the 14 promoters (PDC6p) could not control the expression of Valencene synthase, and the other promoters had different intensities. The PDC1 promoter had a strength of 100%, and the intensity distribution of different promoters was 3%-74%. The highest yield of Valencene was 4.39 mg/L Under the same conditions, its yield was nearly two times higher than that of the strongest promoter TEF1p(2.23 mg/L) commonly used by yeast. From the 14 natural promoters, we screened a promoter PDC1p with the highest strength. To classify the strength of these promoters:
 +
                        </p>
 +
                        <p  id="p1_1"align="left" style="float:left;">    <span>highly expressed promoter :</span>PDC1p SED1Lp SED1Sp CDC19p;</p>
 +
                        <p  id="p1_1"align="left" style="float:left;">    <span>moderately expressed promoter: </span>ALD4p ENO1p ALD4p TPI1p TEF2p TDH1p;</p>
 +
                        <p  id="p1_1"align="left" style="float:left;">    <span>low-intensity promoter :</span>SOL4p TKL2p PDC6p ALD3p.
 +
                        </p>
 +
                        <p  id="p1_1"align="left" style="float:left;">    More is known about the strength of these s. cerevisiae natural promoters through our measurements of valenciene production, which will be useful for future iGEM teams.
 +
                        </p>
 +
                        <div class="content_div_img">
 +
                            <img src="T--SCUT-China—Contribution-1.jpg">
 +
                        </div>
 +
                        <!-- 含style的p标签用于图片注视- -->
 +
                        <p style="font-size:16px;text-align:center;">Figure 1 the VS expression differences of 14 promoter
 +
                        </p>
 +
                      </div>
 +
   
 +
                      <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">2. the verification of the location of adding UAS </h4>
 +
                        <div class="content_div_text">
 +
                          <p  id="p1_1"align="left" style="float:left;">    In our first round of modification, we compared two different locations of Adding UAS with hidden Markov model, and constructed two new heterozygous promoters M1 and M2 respectively. The results showed that location 2(M2) was more suitable for adding UAS (figure 2).
 +
                          </p>
 +
                          <div class="content_div_img">
 +
                              <img src="T--SCUT-China—Contribution-2.jpg">
 +
                          </div>
 +
                          <!-- 含style的p标签用于图片注视- -->
 +
                          <p style="font-size:16px;text-align:center;">Figure 2 the different locations of adding UAS
 +
                          </p>
 +
                        </div>
 +
   
 +
                        <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">3. the improvement of an existing part</h4>
 +
                          <div class="content_div_text">
 +
                            <p  id="p1_1"align="left" style="float:left;">    Through our effective three rounds of promoter modification, we obtained better results of pM2, pM5 and pM8 on the basis of pPDC1, and the corresponding output of Valencene was increased by 18.9%,29.5% and 56.6% respectively(figure 3).
 +
                            </p>
 +
                            <div class="content_div_img">
 +
                                <img src="T--SCUT-China—Contribution-3.jpg">
 +
                            </div>
 +
                            <!-- 含style的p标签用于图片注视- -->
 +
                            <p style="font-size:16px;text-align:center;">Figure 3 the Valencene yield of M2, M5, M8 and PDC1
 +
                            </p>
 +
                            <p  id="p1_1"align="left" style="float:left;">    In addition, by comparing the fermentation time curve, the yield of Valencene of pM8 with the best effect increased significantly better than that of pPDC1 in the late fermentation period, which reflected the success of the transformation (figure 4).
 +
                            </p>
 +
                            <div class="content_div_img">
 +
                                <img src="T--SCUT-China—Contribution-4.jpg">
 +
                            </div>
 +
                            <!-- 含style的p标签用于图片注视- -->
 +
                            <p style="font-size:16px;text-align:center;">Figure 4 the time curve of M8 and PDC1
 +
                            </p>
 +
                          </div>
 +
                    </div>
 +
                  </div>
 +
   
 +
   
 +
   
 +
   
 +
   
 +
                  <hr class="hrmar"style="visibility:hidden;" id="content_part_h2">
 +
                    <div id="hrmar">
 +
                      <div id="content_part">
 +
                        <h2  class="content_text_h2">Human Practice</h2>
 +
                        <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">1.Interviewing skills</h4>
 +
                          <div class="content_div_text">
 +
                            <p  id="p1_1"align="left" style="float:left;">    Interviewing is one of the important tools for hp implementation. In order to better standardize the interview process, we have compiled a summary report on interviewing techniques for different populations. The report includes several sections on the standardization of the interview process, consultation on the selection of interview timing, techniques for interviewing and writing scripts for different populations, and ways to secure information. This report will give future iGEM teams guidance on how to conduct interviews and help them get the information they need from their interviewees.
 +
                            </p>
 +
<iframe src="https://static.igem.org/mediawiki/2021/6/6e/T--SCUT-China--Interviewing_techniques.pdf" width="80%" height="100%" style="height:800px;margin-left:120px;">
 +
                        　　< a href=" ">下载 PDF</ a>
 +
                        </iframe>
 +
                          </div>
 +
   
 +
                          <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">2. Proof on the effectiveness of Nootkatone</h4>
 +
                            <div class="content_div_text">
 +
                              <p  id="p1_1"align="left" style="float:left;">    We have compiled the literature related to mosquito repellency/extermination with the known species that can be effectively repelled/killed by Nootkatone and listed the corresponding references. If there are iGEM teams doing mosquito repellent projects in the future, they can refer to the content we have compiled to help them better design their projects.
 +
                              </p>
 +
                              <div class="content_div_img">
 +
                                  <img src="T--SCUT-China—Contribution-5.jpg">
 +
                              </div>
 +
                            </div>
 +
   
 +
                            <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">3. About the industrialization of Nootkatone</h4>
 +
                              <div class="content_div_text">
 +
                                <p  id="p1_1"align="left" style="float:left;">    After research and interviews, we have come up with the following preliminary relationship diagram for industrialization, which consists of the "plant" part of our ongoing work to increase the production of Nootkatone, and the downstream market part. We hope to provide iGEMers who choose the manufacturing track in the future with ideas on how to move from the lab to the plant and then to industrialization.
 +
                                </p>
 +
                              </div>
 +
                            </div>
 +
                          </div>
 +
   
 +
   
 +
                          <hr class="hrmar"style="visibility:hidden;" id="content_part_h2">
 +
                            <div id="hrmar">
 +
                              <div id="content_part">
 +
                                <h2  class="content_text_h2">Education</h2>
 +
                                <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">1. Data analysis method</h4>
 +
                                  <div class="content_div_text">
 +
                                    <p  id="p1_1"align="left" style="float:left;">    In processing the high school questionnaire data, we came up with a series of data by means of probability statistics. This way of analysis can reflect the effect of our science popularization more objectively, and we also hope that this way can provide an analysis idea for the iGEM team in the future.
 +
                                    </p>
 +
                                    <div class="content_div_img">
 +
                                        <img src="T--SCUT-China—Contribution-6.jpg">
 +
                                    </div>
 +
                                  </div>
 +
   
 +
                                  <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">2. Summary of science popularization experience</h4>
 +
                                    <div class="content_div_text">
 +
                                      <p  id="p1_1"align="left" style="float:left;">    High school students are one of the subjects that most iGEMers will choose to popularize science, so we summarized a pdf of our experience and suggestions mainly for high school students to provide ideas for future iGEM teams on how to popularize science.
 +
                                      </p>
 +
<iframe src="https://static.igem.org/mediawiki/2021/7/75/T--SCUT-China--Summary_of_teaching_experience.pdf" width="80%" height="100%" style="height:800px;margin-left:120px;">
 +
                        　　< a href=" ">下载 PDF</ a>
 +
                        </iframe>
 +
                                    </div>
 +
                                </div>
 +
                              </div>
 +
   
 +
   
 +
                              <hr class="hrmar"style="visibility:hidden;" id="content_part_h2">
 +
                                <div id="hrmar">
 +
                                  <div id="content_part">
 +
                                    <h2  class="content_text_h2">Dry Lab</h2>
 +
                                    <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">1.Promoter optimizing software</h4>
 +
                                      <div class="content_div_text">
 +
                                        <p id="p1_1"align="left" style="float:left;">    This software serves to eukaryon promoters with UAS, while UAS has been discussing for decades. We set up a software to extremely optimize the promoter sequence with nucleosome affinity. The thing most worth mentioning is that the software was developed user-friendly that everyone can take up easily.
 +
                                        </p>
 +
                                      </div>
 +
   
 +
                                      <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">2.UP strategy</h4>
 +
                                        <div class="content_div_text">
 +
                                          <p  id="p1_1"align="left" style="float:left;">    During the study of UAS through out the project, we gain lots of experience and useful conclution. Therefore we write a handbook for factory and researchers who would like to try promoter optimizing project especially with TFBS. And we have made fully proof of concept for this implementation.
 +
                                          </p>
 +
                                        </div>
 +
   
 +
                                        <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">3.RNN learning</h4>
 +
                                          <div class="content_div_text">
 +
                                            <p  id="p1_1"align="left" style="float:left;">    Although the training result is not well, there’re few people trying to perform machine learning on biology database, which was attached great importance to by us. We decide to “Throw in a brick to draw in the jade”, hoping to inspire more teams to try on machine learning job.
 +
                                            </p>
 +
                                          </div>
 +
   
 +
                                          <h4 class="content_text_h2" style="font-size:18px;margin-top:20px;">4.Visualized Fermentation</h4>
 +
                                            <div class="content_div_text">
 +
                                              <p  id="p1_1"align="left" style="float:left;">    Using cellular automata, and try our best to fit the growth curve of bacteria in fermenter, finally we build up an parameter-adjustable machine in order to promote science popularization about biology fermentation.
 +
                                              </p>
 +
                                            </div>
 +
                                    </div>
 +
                                  </div>
 +
   
 +
   
 +
   
 
             </div>
 
             </div>
 +
   
 +
            <div id="bottom_div">
 +
              <div id="bottom_div_img">
 +
              <!-- <img class="" src="img/bottom.png" alt=""> -->
 +
              <div class="a_div">
 +
                <a href="https://2021.igem.org/Team:SCUT-China"><div class="a_div"></div></a>
 +
              </div>
 +
            </div>
 +
        </div>
 
           </div>
 
           </div>
−
        </div>
+
        </div>
−
        </div>
+
   
 +
    </main>
 +
  <!-- -0000000000000000000000000000000000000底栏000000000000000000000000000000000000000 -->
 +
  <!-- 444444444444444444444444444444444444444444444444444444444444以上需要替换4444444444444444444444444444444444444444444444444444444444444444 -->
 +
 
 +
  <script src="https://2021.igem.org/Team:SCUT-China/Javascript/jquery?action=raw&ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2021.igem.org/Team:SCUT-China/Javascript/jquery/waypoints?action=raw&ctype=text/javascript"></script>
 +
 
 +
  <script type="text/javascript" src="https://2021.igem.org/Team:SCUT-China/Javascript/main-4?action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 +
  </body>
 +
 
 +
  <!-- 加载进度条 -->
 +
  <!-- <script type="text/javascript" src="https://2021.igem.org/Template:SCUT-China/MyJs-right-card?action=raw&ctype=text/javascript"></script> -->
 +
  <!-- 避免JS运行时页面还没有加载出来，所以需要放在body后 -->
 +
 
 +
    <script type="text/javascript">
 +
  var oB=document.getElementById("bg");
 +
  var oL=document.getElementById("lt");
 +
  // var oP=document.getElementsByClassName("content_div_text");
 +
  var oP=document.querySelectorAll(".content_div_text p");
 +
  var sum=15;
 +
  function bigger(){
 +
  sum+=2;
 +
  var i;
 +
      for (i = 0; i < oP.length; i++) {
 +
          oP[i].style.fontSize=sum+"px";//在JS中不能出现“-”符号
 +
      }
 +
  }
 +
  oB.onclick=bigger;
 +
 
 +
  function small(){
 +
  sum-=2;
 +
  for (i = 0; i < oP.length; i++) {
 +
      oP[i].style.fontSize=sum+"px";;//在JS中不能出现“-”符号
 +
      //alert(oP.length);
 +
  }
 +
 
 +
  }
 +
  oL.onclick=small;
 +
  </script>
 +
 
 +
<script type="text/javascript" src="https://2021.igem.org/Template:SCUT-China/Myjs-Lunbo?action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 +
<script type="text/javascript" src="https://2021.igem.org/Template:SCUT-China/Myjs-on-555?action=raw&ctype=text/javascript"></script>
 +
 
 +
 
  
−
    </section>
 
  
−
    <section class="section bg-light" id="Part5">
 
−
      <div class="container">
 
−
        <div class="row justify-content-center mb-5 element-animate">
 
−
          <div class="col-md-8 text-center">
 
−
            <h2 class=" heading mb-4">Part Name 5</h2>
 
−
            <p class="mb-5 lead" style="font-size: 20px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi unde impedit, necessitatibus, soluta sit quam minima expedita atque corrupti reiciendis.<br>
 
−
            theme color deep:#1d4453<br>
 
−
            theme color medium:#187d91<br>
 
−
            theme color shallow:#c7d9e3<br>
 
−
          </p>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
−
    </section>
 
−
    <!-- END block {{SCUT-China/Javascript-main-min}}-->
 
−
<script src="https://2021.igem.org/Team:SCUT-China/Javascript/jquery?action=raw&ctype=text/javascript"></script>
 
−
<script type="text/javascript" src="https://2021.igem.org/Team:SCUT-China/Javascript/jquery/waypoints?action=raw&ctype=text/javascript"></script>
 
  
−
<script type="text/javascript" src="https://2021.igem.org/Team:SCUT-China/Javascript/main-4?action=raw&ctype=text/javascript"></script>
+
  </html>
−
   
+
−
</body>
+
−
 
+
−
</html>
+

Latest revision as of 03:56, 22 October 2021


Loading...

Overview

For contributions, our promoter engineering have made a lot of effect on it. All of these may be helpful to other teams. We hope it will make some contribution to the iGEM community.

Wet lab

1.Measurement of the strength of 14 promoters

At the stage of promoter search and screening, 14 common promoters in various metabolic pathways of S. cerevisiae were compared in the production of Valencene by 64h shaker fermentation experiment, so as to characterize the intensity difference between them(Figure1).

One of the 14 promoters (PDC6p) could not control the expression of Valencene synthase, and the other promoters had different intensities. The PDC1 promoter had a strength of 100%, and the intensity distribution of different promoters was 3%-74%. The highest yield of Valencene was 4.39 mg/L Under the same conditions, its yield was nearly two times higher than that of the strongest promoter TEF1p(2.23 mg/L) commonly used by yeast. From the 14 natural promoters, we screened a promoter PDC1p with the highest strength. To classify the strength of these promoters:

highly expressed promoter :PDC1p SED1Lp SED1Sp CDC19p;

moderately expressed promoter: ALD4p ENO1p ALD4p TPI1p TEF2p TDH1p;

low-intensity promoter :SOL4p TKL2p PDC6p ALD3p.

More is known about the strength of these s. cerevisiae natural promoters through our measurements of valenciene production, which will be useful for future iGEM teams.

Figure 1 the VS expression differences of 14 promoter

2. the verification of the location of adding UAS

In our first round of modification, we compared two different locations of Adding UAS with hidden Markov model, and constructed two new heterozygous promoters M1 and M2 respectively. The results showed that location 2(M2) was more suitable for adding UAS (figure 2).

Figure 2 the different locations of adding UAS

3. the improvement of an existing part

Through our effective three rounds of promoter modification, we obtained better results of pM2, pM5 and pM8 on the basis of pPDC1, and the corresponding output of Valencene was increased by 18.9%,29.5% and 56.6% respectively(figure 3).

Figure 3 the Valencene yield of M2, M5, M8 and PDC1

In addition, by comparing the fermentation time curve, the yield of Valencene of pM8 with the best effect increased significantly better than that of pPDC1 in the late fermentation period, which reflected the success of the transformation (figure 4).

Figure 4 the time curve of M8 and PDC1

Human Practice

1.Interviewing skills

Interviewing is one of the important tools for hp implementation. In order to better standardize the interview process, we have compiled a summary report on interviewing techniques for different populations. The report includes several sections on the standardization of the interview process, consultation on the selection of interview timing, techniques for interviewing and writing scripts for different populations, and ways to secure information. This report will give future iGEM teams guidance on how to conduct interviews and help them get the information they need from their interviewees.

2. Proof on the effectiveness of Nootkatone

We have compiled the literature related to mosquito repellency/extermination with the known species that can be effectively repelled/killed by Nootkatone and listed the corresponding references. If there are iGEM teams doing mosquito repellent projects in the future, they can refer to the content we have compiled to help them better design their projects.

3. About the industrialization of Nootkatone

After research and interviews, we have come up with the following preliminary relationship diagram for industrialization, which consists of the "plant" part of our ongoing work to increase the production of Nootkatone, and the downstream market part. We hope to provide iGEMers who choose the manufacturing track in the future with ideas on how to move from the lab to the plant and then to industrialization.

Education

1. Data analysis method

In processing the high school questionnaire data, we came up with a series of data by means of probability statistics. This way of analysis can reflect the effect of our science popularization more objectively, and we also hope that this way can provide an analysis idea for the iGEM team in the future.

2. Summary of science popularization experience

High school students are one of the subjects that most iGEMers will choose to popularize science, so we summarized a pdf of our experience and suggestions mainly for high school students to provide ideas for future iGEM teams on how to popularize science.

Dry Lab

1.Promoter optimizing software

This software serves to eukaryon promoters with UAS, while UAS has been discussing for decades. We set up a software to extremely optimize the promoter sequence with nucleosome affinity. The thing most worth mentioning is that the software was developed user-friendly that everyone can take up easily.

2.UP strategy

During the study of UAS through out the project, we gain lots of experience and useful conclution. Therefore we write a handbook for factory and researchers who would like to try promoter optimizing project especially with TFBS. And we have made fully proof of concept for this implementation.

3.RNN learning

Although the training result is not well, there’re few people trying to perform machine learning on biology database, which was attached great importance to by us. We decide to “Throw in a brick to draw in the jade”, hoping to inspire more teams to try on machine learning job.

4.Visualized Fermentation

Using cellular automata, and try our best to fit the growth curve of bacteria in fermenter, finally we build up an parameter-adjustable machine in order to promote science popularization about biology fermentation.