Difference between revisions of "Team:SCAU-China/Attributions"

(Prototype team page)
 
 
(8 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{SCAU-China}}
 
 
<html>
 
<html>
 +
<style type="text/css">
 +
#top_title{
 +
display:none;
 +
}
 +
* {
 +
            box-sizing: border-box;
 +
        }
  
 +
        a {
 +
            text-decoration: none;
 +
        }
  
−
<div class="column full_size judges-will-not-evaluate">
+
        ul,
−
<h3>★  ALERT! </h3>
+
        ol {
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
            list-style: none;
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
        }
−
</div>
+
  
 +
        body {
 +
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
            font-size: 14px;
 +
            line-height: 1.42857143;
 +
            color: #333;
 +
            min-width: 768px;
 +
        }
  
−
<div class="clear"></div>
+
        .navbar-default {
 +
            background-color: #EEE;
 +
            border-color: #e7e7e7;
 +
            top: 16px;
 +
            border-width: 0 0 1px;
 +
            position: fixed;
 +
            right: 0;
 +
            left: 0;
 +
            z-index: 1030;
 +
            min-height: 50px;
 +
            margin-bottom: 20px;
 +
            border: 1px solid transparent;
 +
            min-width: 768px;
 +
        }
  
 +
        .container {
 +
            padding-right: 15px;
 +
            padding-left: 15px;
 +
            margin-right: auto;
 +
            margin-left: auto;
 +
        }
  
 +
        @media screen and (min-width: 768px) {
 +
            .container {
 +
                width: 750px;
 +
            }
 +
        }
  
 +
        @media screen and (min-width: 992px) {
 +
            .container {
 +
                width: 970px;
 +
            }
 +
        }
  
 +
        @media screen and (min-width: 1200px) {
 +
            .container {
 +
                width: 1170px;
 +
            }
 +
        }
  
 +
        .navbar-header {
 +
            float: left;
 +
        }
  
−
<div class="column full_size">
+
        .navbar-brand {
−
<h1>Attributions</h1>
+
            color: #777;
−
<p>This page is your opportunity to explain what parts of your project you did and what was done by technicians, advisers, etc. This requirement is not about literature references - these can and should be displayed throughout your wiki.
+
            float: left;
−
</p>
+
            height: 50px;
 +
            padding: 15px 15px;
 +
            font-size: 18px;
 +
            line-height: 20px;
 +
        }
  
−
<h3> Bronze Medal Criterion #3</h3>
+
        .navbar>ul>li {
−
<p> All of the work done in your project must be attributed correctly on this page. You must clearly state the work that was done by the students on your team and note any work that was done by people outside of your team, including the host labs, advisors, instructors, and individuals not on the team roster.
+
            float: left;
−
<br><br>
+
        }
−
Please see the <a href="https://2018.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
+
−
</div>
+
  
 +
        .nav>li {
 +
            position: relative;
 +
            display: block;
 +
            margin-right: 10px;
 +
        }
  
−
<div class="clear extra_space"></div>
+
        .nav>li>a {
 +
            color: #777;
 +
            position: relative;
 +
            display: block;
 +
            padding: 8px 15px;
 +
            cursor: pointer;
 +
        }
  
 +
        .nav>li>a:hover {
 +
            color: #333;
 +
        }
  
 +
        .caret {
 +
            display: inline-block;
 +
            width: 0;
 +
            height: 0;
 +
            margin-left: 2px;
 +
            vertical-align: middle;
 +
            border-top: 4px solid #777;
 +
            border-right: 4px solid transparent;
 +
            border-left: 4px solid transparent;
 +
            position: absolute;
 +
            top: 18px;
 +
            right: 1px;
 +
        }
  
−
<div class="column third_size">
+
        .nav>li>a:hover+span {
−
<h3> What should this page contain?</h3>
+
            border-top: 4px solid #333;
 +
        }
  
−
<ul>
+
        .nav>li .dropdown-menu {
−
<li>Clearly state what the team accomplished</li>
+
            margin-top: 0;
−
<li>General Support</li>
+
            border-top-left-radius: 0;
−
<li>Project support and advice</li>
+
            border-top-right-radius: 0;
−
<li>Fundraising help and advice</li>
+
            position: absolute;
−
<li>Lab support</li>
+
            top: 35px;
−
<li>Difficult technique support</li>
+
            left: 0;
−
<li>Project advisor support</li>
+
            z-index: 1000;
−
<li>Wiki support</li>
+
            float: left;
−
<li>Presentation coaching</li>
+
            min-width: 160px;
−
<li>Human Practices support</li>
+
            padding: 5px 0;
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
            margin: 2px 0 0;
−
</ul>
+
            font-size: 14px;
 +
            text-align: left;
 +
            list-style: none;
 +
            background-color: #fff;
 +
            -webkit-background-clip: padding-box;
 +
            background-clip: padding-box;
 +
            border: 1px solid #ccc;
 +
            border: 1px solid rgba(0, 0, 0, .15);
 +
            border-radius: 4px;
 +
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 +
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
 +
            display: none;
 +
        }
 +
 
 +
        .dropdown-menu>li {
 +
            display: list-item;
 +
        }
 +
 
 +
        .dropdown-menu>li>a {
 +
            display: block;
 +
            padding: 3px 20px;
 +
            clear: both;
 +
            font-weight: normal;
 +
            line-height: 1.42857143;
 +
            color: #333;
 +
            white-space: nowrap;
 +
        }
 +
        .dropdown-menu>li>a:hover {
 +
            background-color: #eee;
 +
        }
 +
html {
 +
  font-family: sans-serif;
 +
  -webkit-text-size-adjust: 100%;
 +
      -ms-text-size-adjust: 100%;
 +
}
 +
#mainDiv{
 +
  height:4800px;
 +
  margin: 0;
 +
  min-height: 1400px;
 +
  padding-top: 70px;
 +
  min-width: 1140px;
 +
  background-image: url('https://static.igem.org/mediawiki/2018/4/4b/T--SCAU-China--ziyeMain.jpg') ;
 +
  background-attachment: fixed;
 +
 
 +
background-size: cover;
 +
}
 +
.heart {
 +
  width: 1140px;
 +
  margin: 0 auto;/* 通用的版心 */
 +
}
 +
#mask {
 +
    width: 100%;
 +
    height: 4800px;
 +
    background: rgba(0, 0, 0, 0.3);
 +
    margin-top: -15px;
 +
    padding-top: 15px;
 +
}
 +
.DBoard {/* 展板样式 */
 +
    margin: 0px auto 40px auto;
 +
    width: 1000px;
 +
    height: 100%px;
 +
    border-radius: 3px;
 +
    background-color: #fff;
 +
    overflow: hidden;
 +
    position: relative;
 +
}
 +
.DBoard0 {/*文字样式*/
 +
    margin: 0px auto 40px auto;
 +
    width: 1000px;
 +
    height: 500px;
 +
    border-radius: 3px;
 +
    color: white;
 +
    overflow: hidden;
 +
    position: relative;
 +
}
 +
#mask p {
 +
    color: #fff;
 +
    text-align: center;
 +
}
 +
#lists-DB {
 +
    cursor: pointer;
 +
}
 +
#lists-DB:hover #arr-l,#lists-DB:hover #arr-r{
 +
    display: block;
 +
}
 +
#lists {
 +
    position: relative;
 +
    width: 4000px;
 +
}
 +
#lists img {
 +
    float: left;
 +
}
 +
#arr-l,#arr-r {
 +
    display: block;
 +
    position: absolute;
 +
    width: 40px;
 +
    height: 60px;
 +
    background: rgba(0, 0, 0, .4);
 +
    top: 50%;
 +
    margin-top: -30px;
 +
    color: #fff;
 +
    font: 600 30px/60px "宋体";
 +
    line-height: 60px;
 +
    text-align: center;
 +
    display: none;
 +
}
 +
#arr-l:hover,#arr-r:hover {
 +
    background: rgba(0, 0, 0, .7);
 +
}
 +
#arr-l {
 +
    left: 0;
 +
}
 +
#arr-r {
 +
    right: 0;
 +
}
 +
#buttons {
 +
    position: absolute;
 +
    bottom: 15px;
 +
    left: 50%;
 +
}
 +
#buttons span {
 +
    width: 12px;
 +
    height: 12px;
 +
    background: #ccc;
 +
    float: left;
 +
    border-radius: 50%;
 +
    margin: 0 5px 0 5px;
 +
}
 +
.on {
 +
    background-color: #333 !important;
 +
}
 +
#toTop {
 +
    width: 50px;
 +
    height: 50px;
 +
    background: url("https://static.igem.org/mediawiki/2018/b/b6/T--SCAU-China--toTop.png") no-repeat center center rgba(0, 0, 0, .3);
 +
    position: fixed;
 +
    right: 50px;
 +
    bottom: 5px;
 +
    cursor: pointer;
 +
    display: none;
 +
}
 +
 
 +
   
 +
}
 +
#img4{
 +
    width: 10%;
 +
}
 +
#content {
 +
    width: 101%;
 +
    padding: 15px;
 +
    border: none;
 +
    color: black;
 +
    margin-left: 20px;
 +
    margin-right: auto;
 +
    background-color: #ffffff;
 +
    position: relative;
 +
}
 +
#content {
 +
    position: relative;
 +
    width: 101%;
 +
    margin: 0 auto;
 +
    padding: 5px 5px 5px 5px;
 +
    background: white;
 +
    color: black;
 +
    border-left: 1px solid #444444;
 +
    border-right: 1px solid #444444;
 +
    line-height: 1.5em;
 +
    z-index: 2;
 +
}
 +
#title{
 +
  height:100px;
 +
    background: rgba(0, 0, 0, 0.3);
 +
    text-align: center;
 +
    font-size: 60px;
 +
    color: white;
 +
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    line-height: 100px;
 +
 
 +
}
 +
#title2{
 +
  height:50px;
 +
    background: rgba(0, 0, 0, 0.2);
 +
    text-align: left;
 +
    font-size: 40px;
 +
    color: white;
 +
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    line-height: 50px;
 +
 
 +
}
 +
#title3{
 +
  height:35px;
 +
    background: rgba(0, 0, 0, 0.2);
 +
    text-align: left;
 +
    font-size: 25px;
 +
    color: white;
 +
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    line-height: 30px;
 +
 
 +
}
 +
#article1{
 +
    background: rgba(0, 0, 0, 0);
 +
height:370;
 +
}
 +
#article2{
 +
    background: rgba(0, 0, 0, 0);
 +
height:500;
 +
 
 +
}
 +
#article3{
 +
    background: rgba(0, 0, 0, 0);
 +
height:150;
 +
 
 +
}
 +
 
 +
#article3 p{
 +
 
 +
    text-align: left;
 +
    position: relative;
 +
    color: white;
 +
    margin-top: 20px;
 +
   
 +
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    font-size:20px;
 +
}
 +
 
 +
#article1 p{
 +
 
 +
    text-align: left;
 +
    position: relative;
 +
    color: white;
 +
    margin-top: 20px;
 +
   
 +
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    font-size:20px;
 +
}
 +
#article2 p{
 +
 
 +
    text-align: left;
 +
    position: relative;
 +
    color: white;
 +
    margin-top: 20px;
 +
   
 +
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
    font-size:20px;
 +
}
 +
 
 +
 
 +
</style>
 +
<div class="Tan MingYang"></div>
 +
<div class="Li JiaDong"></div>
 +
<div class="Huang XinLing"></div>
 +
<div class="Fan ZhongZhao"></div>
 +
 
 +
<div class="navbar-default">
 +
<div class="container">
 +
<div class="navbar-header">
 +
<a href="https://2018.igem.org/Team:SCAU-China" class="navbar-brand">SCAU-2018</a>
 
</div>
 
</div>
 +
<div class="navbar">
 +
<ul style="float: left;" class="nav">
 +
<li class="dropdown">
 +
<a href="javascript:void(0)">TEAM</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li>
 +
<a href="https://2018.igem.org/Team:SCAU-China/Members">Members</a>
 +
</li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:SCAU-China/Attributions">Attributions</a>
 +
</li>
  
−
<div class="column third_size">
 
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
 
−
<ul>
 
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
 
−
<li>When did you start this course?</li>
 
−
<li>Are the syllabus and course materials freely available online?</li>
 
−
<li>When did you start your brainstorming?</li>
 
−
<li>When did you start in the lab?</li>
 
−
<li>When did you start working on  your project?</li>
 
 
</ul>
 
</ul>
−
</div>
+
</li>
 +
<li class="dropdown">
 +
<a href="javascript:void(0)">PROJECT</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/ProjectOverview">Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Background">Background</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/SRK">Synergistic Recombination Kit</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/MM">Mathematical Model of Biological Intrinsic Regulation System</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Type">Type II CRISPR/Cas 9 Kit</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/MOM">Method for Optimizing Microbial Cell Culture</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Outlook">Outlook</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Demonstrate">Demonstrate</a></li>
  
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="javascript:void(0)">LAB WORK</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Experiments">Experiments</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Parts">Parts</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Improve">Improve</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/InterLab">Interlab</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Measurement">Measurement</a></li>
 +
</ul>
 +
</li>
  
−
<div class="column third_size">
+
<li class="dropdown">
−
<div class="highlight decoration_A_full">
+
<a href="javascript:void(0)">MODEL</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Model">Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Model/HAWNA">HAWNA</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Model/PPIBoost">PPIBoost</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Model/CultrueCondition">Cultrue Condition</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
<ul style="float: right;" class="nav">
 +
<li class="dropdown">
 +
<a href="javascript:void(0)">SAFETY</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Safety">Safety</a></li>
 +
</ul>
 +
</li>
 +
<li class="dropdown">
 +
<a href="javascript:void(0)">HUMAN PRACTICES</a>
 +
<span class="caret"></span>
 +
<ul class='dropdown-menu'>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Human_Practices">Overview</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/silver">Silver</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Integrated">Integrated</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Public_Engagement">Public Engagement & Education</a></li>
 +
<li><a href="https://2018.igem.org/Team:SCAU-China/Collaborations">Collaborations</a></li>
  
−
<h3>Inspiration</h3>
+
</ul>
−
<p>Take a look at what other teams have done:</p>
+
</li>
−
<ul>
+
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
 
</ul>
 
</ul>
 +
</div>
 
</div>
 
</div>
 
</div>
 
</div>
Line 80: Line 469:
  
  
−
<div class="clear extra_space"></div>
+
<div id="mainDiv">
 +
<div class="heart"><!-- 版心 -->
 +
    <div id="mask"><!-- 半透明底板 -->
 +
     
 +
      <div class="DBoard" id="title">   
 +
      Attributions
 +
      </div>
 +
      <div class="DBoard" id="article3"><!-- 展板 -->
 +
        <p>Here, we'd like to state our work and thank all who have helped us over the iGEM season.</p></div>
 +
      <div class="DBoard" id="title2">   
 +
      Team Members
 +
      </div>
 +
      <div class="DBoard" id="article1"><!-- 展板 -->
 +
        <p>
 +
            Our project is a team-work involving in 10 undergraduates that are divided into 6 groups. Each group was responsible for one aspect such as WIKI construction, art design, wet-lab work, human practices and so on. Here below, we state their individual contributions in case of further information are desired by iGEMers.</p></div>
 +
<div class="DBoard" id="title3">   
 +
      Team set-up and management
 +
      </div>
 +
      <div class="DBoard" id="article1"><!-- 展板 -->
 +
        <p><b>Weiteng Xu</b>: He sets up the SCAU-iGEM 2018 team and served as the captain, not only for wet experiment, but also for our iGEM project.
 +
</p>
 +
<p><b>Yinpin Huang</b>: She is responsible for financial affairs.</p>
 +
<p><b>Jiahua Zou (Kawah)</b>: She is responsible for announcement of updated messages.</p> </div>
 +
    <div class="DBoard" id="title3">   
 +
      Wet-lab work
  
−
<div class="column two_thirds_size">
+
      </div>
−
<h3> Why is this page needed? </h3>
+
      <div class="DBoard" id="article2"><!-- 展板 -->
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
      <p><b>Weiteng Xu</b>: He is responsible for extracting genome DNA, constructing vectors and performing parts-related experiments.
−
<p>
+
</p>
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
<p><b>Yinpin Huang</b>: She is primarily responsible for vector construction (including cas9 vector construction and Acetobacter cellulase synthase expression vector reconstruction) and cyanobacterial transformation.</p>
 +
<p><b>Yingli Li (Lily)</b>: Lily also was responsible for the work about lab safety.</p>
 +
<p><b>Wei Wang</b>: He is mainly in charge of the cultivation of cyanobacteria, cyanobacterial transformation and identification of bacterial cellulose. In addition, he also participates in a series of wet-lab tasks incluing designing cesA knockout experiments and testing cyanobacterial growth conditions.
 +
</p>
 +
<p><b>Yaohua Huang</b>: He is primarily responsible for the cultivation of cyanobacteria and some other experiments related to cyanobacteria growth.</p>
 +
<p><b>Xinyu Zhang</b>: She is responsible for some of the experiments in interlab and making the Ubi-H-rrnB plasmid.</p>  
 
</div>
 
</div>
−
 
+
<div class="DBoard" id="title3">  
−
<div class="column third_size">
+
      Art Design</div>
−
<div class="highlight decoration_B_full">
+
        <div class="DBoard" id="article1"><!-- 展板 -->
−
<h3> Can we base our project on a previous one? </h3>
+
      <p><b>Jiahua Zou (Kawah)</b>: She was the designer of our team, have designed the logo, team flag, team uniform, poster, banner and other promotional items for the team.  
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
+
</p>
 +
<p><b>Xinyu Zhang</b>:She participates in news reports and the designing of the team uniform.</p>
 
</div>
 
</div>
 +
<div class="DBoard" id="title3">   
 +
      Wiki</div>
 +
        <div class="DBoard" id="article3"><!-- 展板 -->
 +
      <p><b>Jiadong Li/Xinling Huang</b>: They work together to accomplish the design and construction of the WiKi contents.
 +
</p>
 
</div>
 
</div>
 +
<div class="DBoard" id="title3">   
 +
      Human Practices</div>
 +
<div class="DBoard" id="article3"><!-- 展板 -->
 +
      <p><b>Yinpin Huang</b>: She is responsible for planning and organizing the human practices works (social activities, education and entrepreneurships).
 +
</p>
 +
</div>
 +
<div class="DBoard" id="title3">   
 +
      Modeling</div>
 +
<div class="DBoard" id="article3"><!-- 展板 -->
 +
      <p><b>Weixu Wang (Ken)</b>: He is in charge of for the mathematical modeling of our project and has made significant contributions by providing new suggestions and ideas to improve our project.
 +
</p></div>
 +
 
 +
      <div class="DBoard" id="title2">   
 +
      Other Undergraduates
 +
      </div>
 +
      <div class="DBoard" id="article3"><p>
 +
      <b>Yue Pan</b>:As a former member of the team, she helped us complete some wet-lab experiments.</p>
 +
       
 +
      </div>
 +
       
 +
        <div class="DBoard" id="title2">   
 +
      Supervisors/Advisor
 +
      </div>
 +
      <div class="DBoard" id="article1">
 +
       
 +
        <p>
 +
            <b>Dr HAO WANG</b>: Our mentor, Professor Wang gave us advices and suggestions, and our team members often discuss with him, search for his help at anytime when we met some difficulties to ensure the smooth running of our project. </p>
 +
        <p><b>iGEM Counselor Committee of SCAU: Professors Yaoguang Liu, Yiqun Deng, Gang Hao, Haihong Wang, Jikai Wen, Guohui Zhu and Dongmei He, </b> all of them were responsible and selfless to help us to make iGEM possible.</p>
 +
<p>The training ofhands-on experimental techniques and the knowledge of synthetic biology for the iGEM team weredone by <b>Jicai Yi, Junhao Lu and Xuecheng Li.</b></p>
 +
<p>Zihao Huang, Mengxi Zhu: They helped us to check up our wiki pages.</p>
 +
        </div>
 +
        <div class="DBoard" id="title">   
 +
      Acknowledgements
 +
 +
      </div>
 +
      <div class="DBoard" id="title3">   
 +
      Grant Support
 +
 +
      </div>
 +
      <div class="DBoard" id="article1">
 +
       
 +
        <p>
 +
            Our project was supported by grants from the<b> Institute of Innovation & Entrepreneurship, the College of Life Sciences, Department of Foreign Affairs of SCAU.</b>
 +
        </p></div>
 +
        <div class="DBoard" id="title3">   
 +
    Lab Support
 +
      </div>
 +
      <div class="DBoard" id="article3">
 +
        <p><b>
 +
          The College of Life Sciences of SCAU:</b> The college had provided us with an opening molecular laboratory where is our daily operation bench, a meeting room for our discussion, a culture room for the culture of cyanobacteria and a bacterial operation room for the handling bacterial safely.
 +
        </p><p>
 +
        <b>State Key Laboratory for Conservation and Utilization of Subtropical Agro-bioresources (SKL-CUSA):</b> Thank to the advanced insruments and well established protocols provided by them and we can finish the experiments smoothly.</p>
 +
        </div>
 +
        <div class="DBoard" id="title3">   
 +
    Project support
 +
      </div>
 +
      <div class="DBoard" id="article3">
 +
        <p>
 +
          <b> Freshwater Algae Culture Collection at the Insitute of Hydrobiology:</b> They Sent us with the cyanobacteria ：Synechocystis sp. (FACHB-898), Scytonema javanicum(FACHB-887), Microcoleus vaginatus(FACHB-253);
 +
        </p><p>
 +
        <b>Qingdao Institute of Bioenergy and Bioprocess Technology, Chinese Academy of Sciences:</b> They gifted us with the gene expression platform pFQ20.</p>
 +
        <p>
 +
        <b>iGEM Team TUST-CHINA(2017):</b> Thanks for the protocol of bacteria genome extraction.</p>
 +
        </div>
 +
        <div class="DBoard" id="title3">   
 +
      Human practices support
 +
      </div>
 +
      <div class="DBoard" id="article2">
 +
       
 +
        <p>
 +
            During the human practices, we received many assistances and supports from warm hearted people and organizations.
 +
        </p>
 +
        <p><b>Key Laboratory of Desert and Desertification, Chinese Academy of Sciences: </b> They provided us with the valuable environmental data of desert and sand sample from Gansu Province for our simulation experiment.
 +
</p>
 +
        <p><b>The Youth League Committee of SCAU:</b> for Bauhinia Science and Technology  Festival, public education and popular science, the support of providing the space for our graffiti wall.
 +
</p>
 +
        <p><b>The College of Life Sciences of SCAU: </b> for the help of Laboratory Open day.
 +
</p>
 +
        <p><b>GZHS-united(2018)/GDSYZX(2018):</b> We help them to organize the iGEM team and we had cooperation with them in interlab experiment.
 +
</p>
 +
        <p><b>iGEM Team: SYSU-China(2017)/ SYSU-Software (2017)/SCUT-ChinaA(2018)/NEU-ChinaB(2018)/ SUSTech_Shenzhen(2018)/FAFU-CHINA(2017)</b>  for the collaboration, communications, cooperation and iGEM gathering.
 +
</p>
 +
        <p><b>SCAU Affiliated Primary school:</b> for education courses of Biology.
 +
</p>
 +
        </div>
 +
     
 +
      <p>School's name:SCAU</p>
 +
      <p>Member's name:SCAU</p>
 +
      <p>Designed by:SCAU</p>
 +
    </div>
 +
  </div>
 +
</div>
 +
  <!-- 回到顶部按钮 -->
 +
  <em id="toTop"></em>
 +
 +
<script>
 +
        var dropdownBoxs = document.getElementsByClassName('dropdown');
 +
        var dropdownMenus = document.getElementsByClassName('dropdown-menu');
 +
        for (let i = 0 ; i < dropdownBoxs.length ; i ++) {
 +
            // console.log(dropdownBoxs[i]);
 +
            // console.log(dropdownMenus[i]);
 +
            dropdownBoxs[i].index = i;
 +
            dropdownBoxs[i].onclick = function () {
 +
                var styles = document.defaultView.getComputedStyle(dropdownMenus[i]) || dropdownMenus[i].currentStyle;
 +
                // console.log(styles.display);
 +
                if (styles.display == 'none') {
 +
                    for (let j = 0 ; j < dropdownBoxs.length ; j ++) {
 +
                        dropdownMenus[j].style.display = 'none';
 +
                        dropdownMenus[i].style.display = 'block';
 +
                    }
 +
                } else {
 +
                    for (let j = 0 ; j < dropdownBoxs.length ; j ++) {
 +
                        dropdownMenus[j].style.display = 'none';
 +
                    }
 +
                }
 +
            }
 +
        }
 +
    </script>
 +
 +
 +
    <script type="text/javascript">
 +
 
 +
      var a= function() {
 +
    var box01 = document.getElementById("lists-DB");
 +
    var lis = document.getElementById("lists");//获得轮播图图片盒子
 +
    var btns = document.getElementById("buttons");//获得按钮盒子
 +
    var imgs = lis.getElementsByTagName("img");//获得图片伪数组
 +
    btns.style.width = 24 * (imgs.length - 2) + "px";
 +
    btns.style.marginLeft = -(12 * (imgs.length - 2)) + "px";//动态赋值
 +
    for(var i = 0;i < imgs.length - 2; i++){
 +
        //动态生成小圆点
 +
        var span = document.createElement("span");
 +
        btns.appendChild(span);
 +
    }
 +
 +
 +
    //轮播图正式部分
 +
    var prev = document.getElementById("arr-l");
 +
    var next = document.getElementById("arr-r");
 +
    var animated = false;//防止计时器多次被触发变量
 +
 +
    function animate(offset) {
 +
        var time = 300;//滚动一张图片总用时
 +
        var inteval = 10;//滚动一次的间隔时间
 +
        var speed = offset / (time / inteval);//每次滚动滑动的像素
 +
        var left = parseInt(lis.style.left) + offset;//先计算出滚动后的left值
 +
        function go() {
 +
            animated = true;//为true代表正在运行
 +
            //滑动函数
 +
            if(((speed > 0) + (parseInt(lis.style.left) < left)===2) || ((speed < 0) + (parseInt(lis.style.left)) > left===2)){
 +
                lis.style.left = parseInt(lis.style.left) + speed + "px";
 +
                setTimeout(go,inteval);//设置计时器
 +
            }
 +
            else {
 +
                lis.style.left = left + "px";
 +
                if(parseInt(lis.style.left) > -1000) lis.style.left = -(1000 * (imgs.length - 2)) + "px";
 +
                if(parseInt(lis.style.left) < -(1000 * (imgs.length - 2))) lis.style.left = -1000 + "px";
 +
                animated = false;//结束运行
 +
            }
 +
        }
 +
        go();//调用函数
 +
       
 +
    }
 +
    prev.onclick = function() {
 +
        if(animated) return;//正在轮播停止
 +
        if(index == 0) index = spans.length - 1;
 +
        else index --;
 +
        animate(1000);
 +
        showButton();
 +
    }
 +
    next.onclick = function() {
 +
        if(animated) return;
 +
        if(index == spans.length - 1) index = 0;
 +
        else index ++;
 +
        animate(-1000);
 +
        showButton();
 +
    }
 +
    var index = 0;//记录现在className为on的按钮
 +
 +
    var spans = btns.getElementsByTagName("span");//得到btns下所有的span标签
 +
    spans[0].className = "on";
 +
    for(var i = 0;i < spans.length;i ++ ) {
 +
        spans[i].index = i;//自定义属性
 +
        spans[i].onclick = function() {
 +
            if(animated) return;
 +
            if(this.className == "on") return;
 +
            animate((index - this.index) * 1000);
 +
            index = this.index;
 +
            showButton();
 +
        }
 +
    }
 +
 +
    function showButton() { //显示按钮运动的函数
 +
        for(var j = 0;j < spans.length;j ++) {//排它思想
 +
                //if(spans[j].className == "on") oldIndex = j;
 +
                spans[j].className = "";
 +
                spans[index].className = "on";
 +
        }
 +
    }
 +
 +
    var timer;//计时器变量 , 这里为什么不能为null
 +
    var interval = 3000;//点击间隔时间
 +
 +
    function play() {//自动点击next函数
 +
        timer = setTimeout(function(){
 +
            next.onclick();//自动点击next
 +
            play();//递归调用
 +
        },interval);
 +
    }
 +
 +
    function stop() {
 +
        //停止函数
 +
        clearTimeout(timer);
 +
    }
 +
 +
 +
    box01.onmouseover = stop; //鼠标悬浮在轮播图上时停止
 +
    box01.onmouseout = play;//鼠标离开轮播图继续
 +
    play();//先自己调用一次
 +
}
 +
a();
 +
  </script>
 +
    <script type="text/javascript">
 +
            //封装函数js文件，方便调用
 +
    function $(id) {return document.getElementById(id);}//封装获取id对象函数
 +
    function show(obj) {obj.style.display = "block";}//封装显示函数
 +
    function hidden(obj) {obj.style.display = "none";}//封装隐藏函数
 +
    function scroll(){
 +
        if(window.pageYOffset != null) {
 +
            //ie9+ 和 其他浏览器
 +
            return {
 +
                top: window.pageYOffset,
 +
                left: window.pageXOffset
 +
            }
 +
        }
 +
        else if(document.compatMode == "CSS1Compat") {
 +
            //非怪异浏览器：没有头部的
 +
            return {
 +
                top: document.documentElement.scrollTop,
 +
                left: document.documentElement.scrollLeft
 +
            }
 +
        }
 +
        return {//剩下的全部都是怪异浏览器
 +
            top: document.body.scrollTop,
 +
            left: document.body.scrollLeft
 +
        }
 +
    }
 +
 +
    var leader = 0,target = 0,timer = null;//计时器变量
 +
    window.onscroll = function() {
 +
        //滚动时执行的函数
 +
        scroll().top > 0 ? show($("toTop")) : hidden($("toTop"));//隐藏和显示totop
 +
        leader = scroll().top; //实时记录滚动距离
 +
    }
 +
 +
    $("toTop").onclick = function() {
 +
        //toTop被点击时执行的函数
 +
        target = 0;
 +
        timer = setInterval(function() {
 +
            leader = leader + (target - leader) / 10;
 +
            window.scrollTo(0,leader);
 +
            if(leader == target) clearInterval(timer);//当到达顶端清除计时器
 +
            //必须写在里面,因为在计时器执行时判断
 +
        },20);
 +
    }
 +
 +
    </script>
  
  
  
 
</html>
 
</html>

Latest revision as of 13:55, 17 October 2018

SCAU-2018
Attributions

Here, we'd like to state our work and thank all who have helped us over the iGEM season.

Team Members

Our project is a team-work involving in 10 undergraduates that are divided into 6 groups. Each group was responsible for one aspect such as WIKI construction, art design, wet-lab work, human practices and so on. Here below, we state their individual contributions in case of further information are desired by iGEMers.

Team set-up and management

Weiteng Xu: He sets up the SCAU-iGEM 2018 team and served as the captain, not only for wet experiment, but also for our iGEM project.

Yinpin Huang: She is responsible for financial affairs.

Jiahua Zou (Kawah): She is responsible for announcement of updated messages.

Wet-lab work

Weiteng Xu: He is responsible for extracting genome DNA, constructing vectors and performing parts-related experiments.

Yinpin Huang: She is primarily responsible for vector construction (including cas9 vector construction and Acetobacter cellulase synthase expression vector reconstruction) and cyanobacterial transformation.

Yingli Li (Lily): Lily also was responsible for the work about lab safety.

Wei Wang: He is mainly in charge of the cultivation of cyanobacteria, cyanobacterial transformation and identification of bacterial cellulose. In addition, he also participates in a series of wet-lab tasks incluing designing cesA knockout experiments and testing cyanobacterial growth conditions.

Yaohua Huang: He is primarily responsible for the cultivation of cyanobacteria and some other experiments related to cyanobacteria growth.

Xinyu Zhang: She is responsible for some of the experiments in interlab and making the Ubi-H-rrnB plasmid.

Art Design

Jiahua Zou (Kawah): She was the designer of our team, have designed the logo, team flag, team uniform, poster, banner and other promotional items for the team.

Xinyu Zhang:She participates in news reports and the designing of the team uniform.

Wiki

Jiadong Li/Xinling Huang: They work together to accomplish the design and construction of the WiKi contents.

Human Practices

Yinpin Huang: She is responsible for planning and organizing the human practices works (social activities, education and entrepreneurships).

Modeling

Weixu Wang (Ken): He is in charge of for the mathematical modeling of our project and has made significant contributions by providing new suggestions and ideas to improve our project.

Other Undergraduates

Yue Pan:As a former member of the team, she helped us complete some wet-lab experiments.

Supervisors/Advisor

Dr HAO WANG: Our mentor, Professor Wang gave us advices and suggestions, and our team members often discuss with him, search for his help at anytime when we met some difficulties to ensure the smooth running of our project.

iGEM Counselor Committee of SCAU: Professors Yaoguang Liu, Yiqun Deng, Gang Hao, Haihong Wang, Jikai Wen, Guohui Zhu and Dongmei He, all of them were responsible and selfless to help us to make iGEM possible.

The training ofhands-on experimental techniques and the knowledge of synthetic biology for the iGEM team weredone by Jicai Yi, Junhao Lu and Xuecheng Li.

Zihao Huang, Mengxi Zhu: They helped us to check up our wiki pages.

Acknowledgements
Grant Support

Our project was supported by grants from the Institute of Innovation & Entrepreneurship, the College of Life Sciences, Department of Foreign Affairs of SCAU.

Lab Support

The College of Life Sciences of SCAU: The college had provided us with an opening molecular laboratory where is our daily operation bench, a meeting room for our discussion, a culture room for the culture of cyanobacteria and a bacterial operation room for the handling bacterial safely.

State Key Laboratory for Conservation and Utilization of Subtropical Agro-bioresources (SKL-CUSA): Thank to the advanced insruments and well established protocols provided by them and we can finish the experiments smoothly.

Project support

Freshwater Algae Culture Collection at the Insitute of Hydrobiology: They Sent us with the cyanobacteria ：Synechocystis sp. (FACHB-898), Scytonema javanicum(FACHB-887), Microcoleus vaginatus(FACHB-253);

Qingdao Institute of Bioenergy and Bioprocess Technology, Chinese Academy of Sciences: They gifted us with the gene expression platform pFQ20.

iGEM Team TUST-CHINA(2017): Thanks for the protocol of bacteria genome extraction.

Human practices support

During the human practices, we received many assistances and supports from warm hearted people and organizations.

Key Laboratory of Desert and Desertification, Chinese Academy of Sciences: They provided us with the valuable environmental data of desert and sand sample from Gansu Province for our simulation experiment.

The Youth League Committee of SCAU: for Bauhinia Science and Technology Festival, public education and popular science, the support of providing the space for our graffiti wall.

The College of Life Sciences of SCAU: for the help of Laboratory Open day.

GZHS-united(2018)/GDSYZX(2018): We help them to organize the iGEM team and we had cooperation with them in interlab experiment.

iGEM Team: SYSU-China(2017)/ SYSU-Software (2017)/SCUT-ChinaA(2018)/NEU-ChinaB(2018)/ SUSTech_Shenzhen(2018)/FAFU-CHINA(2017) for the collaboration, communications, cooperation and iGEM gathering.

SCAU Affiliated Primary school: for education courses of Biology.

School's name:SCAU

Member's name:SCAU

Designed by:SCAU