Difference between revisions of "Team:TJU China/Notebook/Group1"

(Created page with "body{ background: url("./img/notebook_group_bg.png"); background-size: 100%; } .notebook_month{ font-style: italic; margin-left: 50px; float: left; wid...")
 
Line 1: Line 1:
body{
+
<!DOCTYPE >
    background: url("./img/notebook_group_bg.png");
+
<html>
    background-size: 100%;
+
 
}
+
<head>
.notebook_month{
+
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    font-style: italic;
+
    <link rel="stylesheet" href="https://2018.igem.org/Template:TJU_China/default_CSS?action=raw&ctype=text/css" type="text/css">
    margin-left: 50px;
+
    <link rel="stylesheet" href="https://2018.igem.org/Template:TJU_China/nav_css?action=raw&ctype=text/css" type="text/css">
    float: left;
+
    <style>
    width: 50px;
+
        body {
    margin-top: 10px;
+
            background: url("./img/notebook_group_bg.png");
    position: fixed;
+
            background-size: 100%;
}
+
        }
.notebook_month p{
+
 
    margin-top: 55px;
+
        .notebook_month {
}
+
            font-style: italic;
.notebook_timeline{
+
            margin-left: 50px;
    position: fixed;
+
            float: left;
    float: left;
+
            width: 50px;
    width: 6px;
+
            margin-top: 10px;
    height:660px;
+
            position: fixed;
    background: -webkit-linear-gradient(#bed742, #4e72b8); /* Safari 5.1 - 6.0 */
+
        }
    background: -o-linear-gradient(#bed742, #4e72b8); /* Opera 11.1 - 12.0 */
+
 
    background: -moz-linear-gradient(#bed742, #4e72b8); /* Firefox 3.6 - 15 */
+
        .notebook_month p {
    background: linear-gradient(#bed742, #4e72b8); /* 标准的语法(必须放在最后) */
+
            margin-top: 55px;
    margin-left: 170px;
+
        }
}
+
 
.notebook_button_list{
+
        .notebook_timeline {
    position: fixed;
+
            position: fixed;
    margin-left: 100px;
+
            float: left;
}
+
            width: 6px;
.notebook_button_list button{
+
            height: 660px;
    float: left;
+
            background: -webkit-linear-gradient(#bed742, #4e72b8);
    height: 30px;
+
            /* Safari 5.1 - 6.0 */
    width: 30px;
+
            background: -o-linear-gradient(#bed742, #4e72b8);
    border-radius:50%;
+
            /* Opera 11.1 - 12.0 */
    border:none;
+
            background: -moz-linear-gradient(#bed742, #4e72b8);
    background: -webkit-linear-gradient(left, #81C0C0 , #D2A2CC); /* Safari 5.1 - 6.0 */
+
            /* Firefox 3.6 - 15 */
    background: -o-linear-gradient(right, #81C0C0, #D2A2CC); /* Opera 11.1 - 12.0 */
+
            background: linear-gradient(#bed742, #4e72b8);
    background: -moz-linear-gradient(right, #81C0C0, #D2A2CC); /* Firefox 3.6 - 15 */
+
            /* 标准的语法(必须放在最后) */
    background: linear-gradient(to right, #81C0C0 , #D2A2CC); /* 标准的语法(必须放在最后) */
+
            margin-left: 170px;
   
+
        }
}
+
 
.notebook_button_list button:hover{
+
        .notebook_button_list {
    background: -webkit-linear-gradient(left, #005757 , #8600FF); /* Safari 5.1 - 6.0 */
+
            position: fixed;
    background: -o-linear-gradient(right, #005757, #8600FF); /* Opera 11.1 - 12.0 */
+
            margin-left: 100px;
    background: -moz-linear-gradient(right, #005757, #8600FF); /* Firefox 3.6 - 15 */
+
        }
    background: linear-gradient(to right, #005757 , #8600FF); /* 标准的语法(必须放在最后) */
+
 
}
+
        .notebook_button_list button {
.notebook_button1{
+
            float: left;
    outline: none;
+
            height: 30px;
    position: relative;
+
            width: 30px;
    left: 58px;
+
            border-radius: 50%;
    top:63px;
+
            border: none;
}
+
            background: -webkit-linear-gradient(left, #81C0C0, #D2A2CC);
.notebook_button2{
+
            /* Safari 5.1 - 6.0 */
    outline: none;
+
            background: -o-linear-gradient(right, #81C0C0, #D2A2CC);
    position: relative;
+
            /* Opera 11.1 - 12.0 */
    left: 28px;
+
            background: -moz-linear-gradient(right, #81C0C0, #D2A2CC);
    top:138px;
+
            /* Firefox 3.6 - 15 */
}
+
            background: linear-gradient(to right, #81C0C0, #D2A2CC);
.notebook_button3{
+
            /* 标准的语法(必须放在最后) */
    outline: none;
+
        }
    position: relative;
+
 
    left: -2px;
+
        .notebook_button_list button:hover {
    top:213px;
+
            background: -webkit-linear-gradient(left, #005757, #8600FF);
}
+
            /* Safari 5.1 - 6.0 */
.notebook_button4{
+
            background: -o-linear-gradient(right, #005757, #8600FF);
    outline: none;
+
            /* Opera 11.1 - 12.0 */
    position: relative;
+
            background: -moz-linear-gradient(right, #005757, #8600FF);
    left: -32px;
+
            /* Firefox 3.6 - 15 */
    top:290px;
+
            background: linear-gradient(to right, #005757, #8600FF);
}
+
            /* 标准的语法(必须放在最后) */
.notebook_button5{
+
        }
    outline: none;
+
 
    position: relative;
+
        .notebook_button1 {
    left: -62px;
+
            outline: none;
    top:365px;
+
            position: relative;
}
+
            left: 58px;
.notebook_button6{
+
            top: 63px;
    outline: none;
+
        }
    position: relative;
+
 
    left: -92px;
+
        .notebook_button2 {
    top:440px;
+
            outline: none;
}
+
            position: relative;
.notebook_button7{
+
            left: 28px;
    outline: none;
+
            top: 138px;
    position: relative;
+
        }
    left: -122px;
+
 
    top:518px;
+
        .notebook_button3 {
}
+
            outline: none;
.notebook_button8{
+
            position: relative;
    outline: none;
+
            left: -2px;
    position: relative;
+
            top: 213px;
    left: -152px;
+
        }
    top:593px;
+
 
}
+
        .notebook_button4 {
#notebook_March{
+
            outline: none;
    display: block;
+
            position: relative;
}
+
            left: -32px;
#notebook_April{
+
            top: 290px;
    display: none;
+
        }
}
+
 
#notebook_May{
+
        .notebook_button5 {
    display: none;
+
            outline: none;
}
+
            position: relative;
#notebook_June{
+
            left: -62px;
    display: none;
+
            top: 365px;
}
+
        }
#notebook_July{
+
 
    display: none;
+
        .notebook_button6 {
}
+
            outline: none;
#notebook_August{
+
            position: relative;
    display: none;
+
            left: -92px;
}
+
            top: 440px;
#notebook_September{
+
        }
    display: none;
+
 
}
+
        .notebook_button7 {
#notebook_October{
+
            outline: none;
    display: none;
+
            position: relative;
}
+
            left: -122px;
.notebook_information{
+
            top: 518px;
    float: left;
+
        }
    margin-left: 300px;
+
 
    margin-top: 100px;
+
        .notebook_button8 {
}
+
            outline: none;
.notebook_week{
+
            position: relative;
    margin-top: 50px;
+
            left: -152px;
}
+
            top: 593px;
.notebook_week p{
+
        }
    text-align: left;
+
 
    font-size: 20px;
+
        #notebook_March {
    text-indent: 2em;
+
            display: block;
}
+
        }
.notebook_information_word1{
+
 
    margin-top: 40px;
+
        #notebook_April {
    display: none;
+
            display: none;
}
+
        }
.notebook_information_button1{
+
 
   
+
        #notebook_May {
    color: #ffffff;
+
            display: none;
    background: #4e72b8;
+
        }
    width: 80px;
+
 
    height: 40px;
+
        #notebook_June {
    border: 0px;
+
            display: none;
    cursor: pointer;
+
        }
    border-radius: 10px;
+
 
    font-size: 18px;
+
        #notebook_July {
    outline: none;
+
            display: none;
}
+
        }
.notebook_information_button2{
+
 
    margin-top: 80px;
+
        #notebook_August {
    color: #ffffff;
+
            display: none;
    background: #4e72b8;
+
        }
    width: 80px;
+
 
    height: 40px;
+
        #notebook_September {
    border: 0px;
+
            display: none;
    cursor: pointer;
+
        }
    border-radius: 10px;
+
 
    font-size: 18px;
+
        #notebook_October {
    outline: none;
+
            display: none;
}
+
        }
.notebook_information_word2{
+
 
    margin-top: 40px;
+
        .notebook_information {
    display: none;
+
            float: left;
}
+
            margin-left: 300px;
.notebook_information_button3{
+
            margin-top: 100px;
    margin-top: 80px;
+
        }
    color: #ffffff;
+
 
    background: #4e72b8;
+
        .notebook_week {
    width: 80px;
+
            margin-top: 50px;
    height: 40px;
+
        }
    border: 0px;
+
 
    cursor: pointer;
+
        .notebook_week p {
    border-radius: 10px;
+
            text-align: left;
    font-size: 18px;
+
            font-size: 20px;
    outline: none;
+
            text-indent: 2em;
}
+
        }
.notebook_information_word3{
+
 
    margin-top: 40px;
+
        .notebook_information_word1 {
    display: none;
+
            margin-top: 40px;
}
+
            display: none;
.notebook_information_button4{
+
        }
    margin-top: 80px;
+
 
    color: #ffffff;
+
        .notebook_information_button1 {
    background: #4e72b8;
+
 
    width: 80px;
+
            color: #ffffff;
    height: 40px;
+
            background: #4e72b8;
    border: 0px;
+
            width: 80px;
    cursor: pointer;
+
            height: 40px;
    border-radius: 10px;
+
            border: 0px;
    font-size: 18px;
+
            cursor: pointer;
    outline: none;
+
            border-radius: 10px;
}
+
            font-size: 18px;
.notebook_information_word4{
+
            outline: none;
    margin-top: 40px;
+
        }
    display: none;
+
 
}
+
        .notebook_information_button2 {
.notebook_Month_head{
+
            margin-top: 80px;
    margin-top: 50px;
+
            color: #ffffff;
}
+
            background: #4e72b8;
 +
            width: 80px;
 +
            height: 40px;
 +
            border: 0px;
 +
            cursor: pointer;
 +
            border-radius: 10px;
 +
            font-size: 18px;
 +
            outline: none;
 +
        }
 +
 
 +
        .notebook_information_word2 {
 +
            margin-top: 40px;
 +
            display: none;
 +
        }
 +
 
 +
        .notebook_information_button3 {
 +
            margin-top: 80px;
 +
            color: #ffffff;
 +
            background: #4e72b8;
 +
            width: 80px;
 +
            height: 40px;
 +
            border: 0px;
 +
            cursor: pointer;
 +
            border-radius: 10px;
 +
            font-size: 18px;
 +
            outline: none;
 +
        }
 +
 
 +
        .notebook_information_word3 {
 +
            margin-top: 40px;
 +
            display: none;
 +
        }
 +
 
 +
        .notebook_information_button4 {
 +
            margin-top: 80px;
 +
            color: #ffffff;
 +
            background: #4e72b8;
 +
            width: 80px;
 +
            height: 40px;
 +
            border: 0px;
 +
            cursor: pointer;
 +
            border-radius: 10px;
 +
            font-size: 18px;
 +
            outline: none;
 +
        }
 +
 
 +
        .notebook_information_word4 {
 +
            margin-top: 40px;
 +
            display: none;
 +
        }
 +
 
 +
        .notebook_Month_head {
 +
            margin-top: 50px;
 +
        }
 +
    </style>
 +
</head>
 +
 
 +
<body>
 +
    <div class="nav">
 +
        <div class="logo">
 +
            <img class="logo_picture" src="https://static.igem.org/mediawiki/2018/f/f7/T--TJU_China--TJU_China.png">
 +
        </div>
 +
        <ul style="margin-left:80px;" class="main">
 +
            <li>
 +
                <div class="nav_logo_pic" style="width:24px;height:24px;margin-top:13px;">
 +
                    <img src="https://static.igem.org/mediawiki/2018/3/37/T--TJU_China--home.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China">Home</a>
 +
            </li>
 +
            <li>
 +
                <div class="nav_logo_pic">
 +
                    <img src="https://static.igem.org/mediawiki/2018/9/91/T--TJU_China--project.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China/Description">
 +
                    Project
 +
                </a>
 +
                <ul class="drop menu1">
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Description">Description</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Experiments">Experiments</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Notebook">Notebook</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Demonstrate">Demonstrate</a>
 +
                    </li>
 +
                </ul>
 +
 
 +
            </li>
 +
            <li>
 +
 
 +
                <div class="nav_logo_pic">
 +
                    <img src="https://static.igem.org/mediawiki/2018/0/0b/T--TJU_China--parts.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China/Parts">
 +
                    Parts
 +
                </a>
 +
                <ul class="drop menu2">
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Parts#Parts_Overview">Parts Overview</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Parts#Basic">Basic</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Parts#Composite">Composite</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Parts#Collection">Collection</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Parts#Improve">Improve</a>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
            <li>
 +
                <div class="nav_logo_pic">
 +
                    <img src="https://static.igem.org/mediawiki/2018/5/57/T--TJU_China--drylab.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China/Model">Model</a>
 +
            </li>
 +
            <li>
 +
                <div class="nav_logo_pic">
 +
                    <img src="https://static.igem.org/mediawiki/2018/e/ea/T--TJU_China--hp.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China/Human_Practices">
 +
                    HP
 +
                </a>
 +
                <ul class="drop menu3">
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Human_Practices">Human Practices</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Public_Engagement">Public Engagement</a>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
            <li>
 +
                <div class="nav_logo_pic">
 +
                    <img src="https://static.igem.org/mediawiki/2018/0/01/T--TJU_China--team.png">
 +
                </div>
 +
                <a href="https://2018.igem.org/Team:TJU_China/Team">
 +
                    Team
 +
                </a>
 +
                <ul class="drop menu7">
 +
                    <li style="list-style-type: none;">
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Team">Members</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Collaborations">Collaboration</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Attributions">Attributions</a>
 +
                    </li>
 +
                </ul>
 +
            </li>
 +
 
 +
        </ul>
 +
 
 +
    </div>
 +
    <div style=" margin-top:28px;z-index:10; border-top: solid #4e72b8 2px;width: 100%; position: fixed;"></div>
 +
    <div class="notebook_month">
 +
        <p>March</p>
 +
        <p>April</p>
 +
        <p>May</p>
 +
        <p>June</p>
 +
        <p>July</p>
 +
        <p>August</p>
 +
        <p>September</p>
 +
        <p>October</p>
 +
    </div>
 +
    <div class="notebook_timeline">
 +
    </div>
 +
    <div class="notebook_button_list">
 +
        <button class="notebook_button1" id="notebook_btn1"></button>
 +
        <button class="notebook_button2" id="notebook_btn2"></button>
 +
        <button class="notebook_button3" id="notebook_btn3"></button>
 +
        <button class="notebook_button4" id="notebook_btn4"></button>
 +
        <button class="notebook_button5" id="notebook_btn5"></button>
 +
        <button class="notebook_button6" id="notebook_btn6"></button>
 +
        <button class="notebook_button7" id="notebook_btn7"></button>
 +
        <button class="notebook_button8" id="notebook_btn8"></button>
 +
    </div>
 +
 
 +
    <div class="notebook_information">
 +
        <div id="notebook_March">
 +
            <div class="notebook_Month_head">March</div>
 +
            <div class="notebook_week">
 +
                <div>
 +
                    <button id="3week1" class="notebook_information_button1">week1</button>
 +
                </div>
 +
                <div id="3notebook_week1" class="notebook_information_word1" style="display:none;">
 +
                    <p>After a lot of document viewing and brainstorms, we finally came up with a clear idea about how we were
 +
                        going to carry out our part of project. We decided to construct the RNPs (complex of sgRNA and Cas9
 +
                        protein) and to wrap them with delivery vector in order to improve the gene-editing efficiency of
 +
                        the system into the cells.</p>
 +
                </div>
 +
                <div>
 +
                    <button id="3week2" class="notebook_information_button2">week2</button>
 +
                </div>
 +
                <div id="3notebook_week2" class="notebook_information_word2" style="display:none;">
 +
                    <p>After daily meetings and discussions, we exchanged knowledge and ideas from the literatures we read.
 +
                        Comparing different transportation methods, including physical electroporation, chemical nanoparticles,
 +
                        and even virus methods, we decided to improve the transport efficiency of the system by using two-dimensional
 +
                        nanomaterials to encapsulate the cas9/sgRNA complex assembled in vitro to transport into the cells.</p>
 +
                </div>
 +
                <div>
 +
                    <button id="3week3" class="notebook_information_button3">week3</button>
 +
                </div>
 +
                <div id="3notebook_week3" class="notebook_information_word3" style="display:none;">
 +
                    <p>We began to delve into more detailed and specific knowledge, such as the structure of cas9 protein and
 +
                        how it works, the structure and composition of sgRNA and how it is assembled with cas9 protein, the
 +
                        method of primer design, learning how to design sgRNA, and so on.</p>
 +
                </div>
 +
                <div>
 +
                    <button id="3week4" class="notebook_information_button4">week4</button>
 +
                </div>
 +
                <div id="3notebook_week4" class="notebook_information_word4" style="display:none;">
 +
                    <p>After confirming the type of cas9 protein, we started buying and asking other labs if they had the same
 +
                        cas9 protein. While waiting for an answer, we are continuing to refine the questions left over from
 +
                        last week's knowledge and begin to learn the experimental procedures and necessary knowledge related
 +
                        to protein expression purification.</p>
 +
                </div>
 +
 
 +
            </div>
 +
        </div>
 +
        <div id="notebook_April">
 +
            <div class="notebook_Month_head">April</div>
 +
            <div class="notebook_week">
 +
                <div>
 +
                    <button id="4week1" class="notebook_information_button1">week1</button>
 +
                </div>
 +
                <div id="4notebook_week1" class="notebook_information_word1" style="display:none;">
 +
                    <p>We continued to search for related documents in order to choose the appropriate target sequences of gene
 +
                        for our project. After the final decision of making eGFP as our interested sequence of gene, we immediately
 +
                        sent out the primers of sgRNA we designed to GENEWIZ, and we also sent lots of emails to different
 +
                        labs to see if they can offer us a stable cell strain expressing eGFP protein.</p>
 +
                </div>
 +
                <div>
 +
                    <button id="4week2" class="notebook_information_button2">week2</button>
 +
                </div>
 +
                <div id="4notebook_week2" class="notebook_information_word2" style="display:none;">
 +
                    <p>Meanwhile, we successfully transformed the plasmid pET-NLS-Cas9-6xHis (purchased from Addgene) into E.coli
 +
                        (BL21), then we tried to express and purify the cas9 protein according to the protocol[1]. But the
 +
                        results were not so ideal.
 +
                        <br> 【1】Ha J S, Lee J S, Jeong J, et al. Poly-sgRNA/siRNA ribonucleoprotein nanoparticles for targeted
 +
                        gene disruption[J]. Journal of Controlled Release, 2017, 250:27-35.</p>
 +
                </div>
 +
 
 +
 
 +
            </div>
 +
        </div>
 +
        <div id="notebook_May">
 +
            <div class="notebook_Month_head">May</div>
 +
            <div class="notebook_week">
 +
                <div>
 +
                    <button id="5week1" class="notebook_information_button1">week1</button>
 +
                </div>
 +
                <div id="5notebook_week1" class="notebook_information_word1" style="display:none;">
 +
                    <p>PCR and Gel Purification (TIANgel Midi Purification Kit) of the template of sgRNA, we tried different
 +
                        Tm temperatures.</p>
 +
                    <img src="./img/group3May1pic1.PNG">
 +
                    <img src="./img/group3May1pic2.PNG">
 +
                </div>
 +
                <div>
 +
                    <button id="5week2" class="notebook_information_button2">week2</button>
 +
                </div>
 +
                <div id="5notebook_week2" class="notebook_information_word2" style="display:none;">
 +
                    <p>After two weeks of hard working, we got our first batch of Cas9 protein.
 +
                        <br> At the same time, we tried our first transcription and preparation of sgRNA using T7 High Efficiency
 +
                        Transcription Kit and EasyPure RNA Purification Kit (TransGene Biotech) but failed. We supposed that
 +
                        the template might be polluted by RNase during the process.</p>
 +
                </div>
 +
                <div>
 +
                    <button id="5week3" class="notebook_information_button3">week3</button>
 +
                </div>
 +
                <div id="5notebook_week3" class="notebook_information_word3" style="display:none;">
 +
                    <p>We searched for information and knowledge of experiments dealing with RNA and then retried the PCR and
 +
                        Gel Purification of the template according strictly to the RNA principles. However, we failed again.
 +
                        <br> On the other hand, we managed to get plasmid encoding AcGFP by using TIANprep Mini Plasmid Kit (TIANGEN).</p>
 +
                    <img src="./img/group3May3pic1.png">
 +
                </div>
 +
                <div>
 +
                    <button id="5week4" class="notebook_information_button4">week4</button>
 +
                </div>
 +
                <div id="5notebook_week4" class="notebook_information_word4" style="display:none;">
 +
                    <p>We confirmed the best Tm temperature of PCR was 67.2℃ after several preliminary experiments. And this
 +
                        time, there were lines shown on the RNA gel, but they were not clear. And the RNA marker (TAKARA)
 +
                        didn’t appear exactly as the instruction. Then we moved forward to the In vitro digestion of DNA
 +
                        but failed. Since that the result of the SDS-PAGE of Cas9 protein showed no problem, we considered
 +
                        that the sgRNA might degraded.</p>
 +
                    <img src="./img/group3May4pic1.png">
 +
                    <img src="./img/group3May4pic2.png">
 +
                    <p>Line1,plasmid;2,cleavage result</p>
 +
                </div>
 +
 
 +
            </div>
 +
        </div>
 +
        <div id="notebook_June">
 +
            <div class="notebook_Month_head">June</div>
 +
            <div class="notebook_week">
 +
                <p style="text-align: left;font-size: 20px;text-indent: 2em;">Preparation for the final-term exams. </p>
 +
 
 +
            </div>
 +
        </div>
 +
        <div id="notebook_July">
 +
            <div class="notebook_Month_head">July</div>
 +
            <div class="notebook_week">
 +
                <p style="text-align: left;font-size: 20px;text-indent: 0;">week1-3
 +
                    <br> Most members joined a summer camp as a part of school lessons.
 +
                    <br> week4
 +
                    <br> In order to reduce the influence of RNase on the subsequent experiment, the phenol-chloroform method
 +
                    was used to remove RNase. But it turned out that quantity of DNA was not sufficient enough to be extracted.
 +
                    We tried for several times but the results of the nucleic acid gel electrophoresis showed that we got
 +
                    nothing after the purification.</p>
 +
 
 +
            </div>
 +
        </div>
 +
        <div id="notebook_August">
 +
            <div class="notebook_Month_head">August</div>
 +
            <div class="notebook_week">
 +
                <div>
 +
                    <button id="8week1" class="notebook_information_button1">week1</button>
 +
                </div>
 +
                <div id="8notebook_week1" class="notebook_information_word1" style="display:none;">
 +
                    <p></p>
 +
                </div>
 +
                <div>
 +
                    <button id="8week2" class="notebook_information_button2">week2</button>
 +
                </div>
 +
                <div id="8notebook_week2" class="notebook_information_word2" style="display:none;">
 +
                    <p></p>
 +
                </div>
 +
                <div>
 +
                    <button id="8week3" class="notebook_information_button3">week3</button>
 +
                </div>
 +
                <div id="8notebook_week3" class="notebook_information_word3" style="display:none;">
 +
                    <p></p>
 +
                </div>
 +
                <div>
 +
                    <button id="8week4" class="notebook_information_button4">week4</button>
 +
                </div>
 +
                <div id="8notebook_week4" class="notebook_information_word4" style="display:none;">
 +
                    <p></p>
 +
                </div>
 +
 
 +
            </div>
 +
        </div>
 +
        <div id="notebook_September">
 +
            <div class="notebook_Month_head">September</div>
 +
            <div class="notebook_week">
 +
                <div>
 +
                    <button id="9week1" class="notebook_information_button1">week1</button>
 +
                </div>
 +
                <div id="9notebook_week1" class="notebook_information_word1" style="display:none;">
 +
                    <p></p>
 +
                </div>
 +
                <div>
 +
                    <button id="9week2" class="notebook_information_button2">week2</button>
 +
                </div>
 +
                <div id="9notebook_week2" class="notebook_information_word2" style="display:none;">
 +
                    <p></p>
 +
                </div>
 +
                <div>
 +
                    <button id="9week3" class="notebook_information_button3">week3</button>
 +
                </div>
 +
                <div id="9notebook_week3" class="notebook_information_word3" style="display:none;">
 +
                    <p></p>
 +
                </div>
 +
                <div>
 +
                    <button id="9week4" class="notebook_information_button4">week4</button>
 +
                </div>
 +
                <div id="9notebook_week4" class="notebook_information_word4" style="display:none;">
 +
                    <p></p>
 +
                </div>
 +
 
 +
            </div>
 +
        </div>
 +
        <div id="notebook_October">
 +
            <div class="notebook_Month_head">October</div>
 +
            <div class="notebook_week">
 +
                <div>
 +
                    <button id="10week1" class="notebook_information_button1">week1</button>
 +
                </div>
 +
                <div id="10notebook_week1" class="notebook_information_word1" style="display:none;">
 +
                    <p></p>
 +
                </div>
 +
                <div>
 +
                    <button id="10week2" class="notebook_information_button2">week2</button>
 +
                </div>
 +
                <div id="10notebook_week2" class="notebook_information_word2" style="display:none;">
 +
                    <p></p>
 +
                </div>
 +
                <div>
 +
                    <button id="10week3" class="notebook_information_button3">week3</button>
 +
                </div>
 +
                <div id="10notebook_week3" class="notebook_information_word3" style="display:none;">
 +
                    <p></p>
 +
                </div>
 +
                <div>
 +
                    <button id="10week4" class="notebook_information_button4">week4</button>
 +
                </div>
 +
                <div id="10notebook_week4" class="notebook_information_word4" style="display:none;">
 +
                    <p>test10.4</p>
 +
                </div>
 +
 
 +
            </div>
 +
        </div>
 +
 
 +
 
 +
 
 +
    </div>
 +
 
 +
 
 +
    <script>
 +
 
 +
        window.onload = function () {
 +
            var notebookMonthDivArray = [];
 +
            var monthString = ['March', 'April', 'May', 'June', 'July', 'August', 'September', 'October'];
 +
            for (var i = 0; i < 8; ++i) {
 +
                notebookMonthDivArray[i] = this.document.getElementById('notebook_' + monthString[i]);
 +
            }
 +
 
 +
 
 +
            var notebookMonthButtonArray = [];
 +
            for (var i = 0; i < 8; ++i) {
 +
                notebookMonthButtonArray[i] = this.document.getElementById('notebook_btn' + (i + 1));
 +
            }
 +
 
 +
            function all_div_none() {
 +
                for (var i = 0; i < 8; ++i) {
 +
                    notebookMonthDivArray[i].style.display = 'none';
 +
                }
 +
            }
 +
 
 +
            for (var i = 0; i < 8; ++i) {
 +
                (function (i) {
 +
                    notebookMonthButtonArray[i].onclick = function () {
 +
                        all_div_none();
 +
                        notebookMonthDivArray[i].style.display = 'block';
 +
                    }
 +
                })(i);
 +
            }
 +
 
 +
            function notebook_display(week, notebookweek) {
 +
                var p = document.getElementById(week);
 +
                var w = document.getElementById(notebookweek);
 +
                p.onclick = function () {
 +
                    if (w.style.display == 'none') {
 +
                        w.style.display = 'block';
 +
                    }
 +
                    else {
 +
                        w.style.display = 'none';
 +
                    }
 +
                }
 +
            }
 +
 
 +
            notebook_display('3week1', '3notebook_week1');
 +
            notebook_display('3week2', '3notebook_week2');
 +
            notebook_display('3week3', '3notebook_week3');
 +
            notebook_display('3week4', '3notebook_week4');
 +
 
 +
            notebook_display('4week1', '4notebook_week1');
 +
            notebook_display('4week2', '4notebook_week2');
 +
 
 +
 
 +
            notebook_display('5week1', '5notebook_week1');
 +
            notebook_display('5week2', '5notebook_week2');
 +
            notebook_display('5week3', '5notebook_week3');
 +
            notebook_display('5week4', '5notebook_week4');
 +
 
 +
            notebook_display('7week1', '7notebook_week1');
 +
            notebook_display('7week2', '7notebook_week2');
 +
            notebook_display('7week3', '7notebook_week3');
 +
            notebook_display('7week4', '7notebook_week4');
 +
 
 +
            notebook_display('8week1', '8notebook_week1');
 +
            notebook_display('8week2', '8notebook_week2');
 +
            notebook_display('8week3', '8notebook_week3');
 +
            notebook_display('8week4', '8notebook_week4');
 +
 
 +
            notebook_display('9week1', '9notebook_week1');
 +
            notebook_display('9week2', '9notebook_week2');
 +
            notebook_display('9week3', '9notebook_week3');
 +
            notebook_display('9week4', '9notebook_week4');
 +
 
 +
            notebook_display('10week1', '10notebook_week1');
 +
            notebook_display('10week2', '10notebook_week2');
 +
            notebook_display('10week3', '10notebook_week3');
 +
            notebook_display('10week4', '10notebook_week4');
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
        }
 +
    </script>
 +
</body>
 +
 
 +
</html>

Revision as of 10:01, 17 October 2018

<!DOCTYPE >

March

April

May

June

July

August

September

October

March
April
May
June

Preparation for the final-term exams.

July

week1-3
Most members joined a summer camp as a part of school lessons.
week4
In order to reduce the influence of RNase on the subsequent experiment, the phenol-chloroform method was used to remove RNase. But it turned out that quantity of DNA was not sufficient enough to be extracted. We tried for several times but the results of the nucleic acid gel electrophoresis showed that we got nothing after the purification.

August
September
October