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

 
(16 intermediate revisions by the same user not shown)
Line 9: Line 9:
 
     <style>
 
     <style>
 
         .member_head {
 
         .member_head {
             margin-top: 100px;
+
             margin-top: 150px;
 +
padding-top:100px;
 
             text-align: center;
 
             text-align: center;
 
             font-size: 50px;
 
             font-size: 50px;
Line 20: Line 21:
 
             margin: 0 auto;
 
             margin: 0 auto;
 
             margin-top: 100px;
 
             margin-top: 100px;
margin-left:4%;
+
           
 
         }
 
         }
  
 
         .member_B {
 
         .member_B {
 
             margin: 0 auto;
 
             margin: 0 auto;
             margin-top: 100px;
+
             margin-top: 150px;
margin-left:4%;
+
           
 
         }
 
         }
  
Line 32: Line 33:
 
             margin: 0 auto;
 
             margin: 0 auto;
 
             margin-top: 100px;
 
             margin-top: 100px;
margin-left:4%;
+
           
 
         }
 
         }
  
 
         .member_A1 {
 
         .member_A1 {
 
             float: left;
 
             float: left;
             margin-left: 220px;
+
             margin-left: 20%;
             height: 400px;
+
             width: 20%;
  
 
         }
 
         }
Line 44: Line 45:
 
         .member_A2 {
 
         .member_A2 {
 
             float: left;
 
             float: left;
             margin-left: 400px;
+
             margin-left: 20%;
             height: 400px;
+
             width: 20%;
  
  
Line 52: Line 53:
 
         .member_B1 {
 
         .member_B1 {
 
             float: left;
 
             float: left;
             margin-left: 40px;
+
             margin-left: 4%;
             height: 400px;
+
             width: 19%;
 
+
 
         }
 
         }
  
 
         .member_B2 {
 
         .member_B2 {
 
             float: left;
 
             float: left;
             margin-left: 100px;
+
             margin-left: 4%;
             height: 400px;
+
             width: 19%;
 
         }
 
         }
  
 
         .member_B3 {
 
         .member_B3 {
 
             float: left;
 
             float: left;
             margin-left: 100px;
+
             margin-left: 4%;
             height: 400px;
+
             width: 19%;
 
         }
 
         }
  
 
         .member_B4 {
 
         .member_B4 {
 
             float: left;
 
             float: left;
             margin-left: 100px;
+
             margin-left: 4%;
             height: 400px;
+
             width: 19%;
 
         }
 
         }
  
 
         .member_C1 {
 
         .member_C1 {
 
             float: left;
 
             float: left;
             margin-left: 100px;
+
             margin-left: 10%;
             height: 400px;
+
             width:20%;
  
 
         }
 
         }
Line 84: Line 84:
 
         .member_C2 {
 
         .member_C2 {
 
             float: left;
 
             float: left;
             margin-left: 220px;
+
             margin-left: 10%;
             height: 400px;
+
             width:20%;
 +
 
 
         }
 
         }
  
 
         .member_C3 {
 
         .member_C3 {
 
             float: left;
 
             float: left;
             margin-left: 220px;
+
             margin-left: 10%;
             height: 400px;
+
             width:20%;
 +
 
 
         }
 
         }
  
 
         .member_picture_div {
 
         .member_picture_div {
             width: 250px;
+
             width: 100%;
             height: 250px;
+
             height: auto;
 
             overflow: hidden;
 
             overflow: hidden;
 
             display: table-cell;
 
             display: table-cell;
Line 105: Line 107:
 
         .member_picture {
 
         .member_picture {
 
             border-radius: 25px;
 
             border-radius: 25px;
            min-width: 244px;
 
 
             max-width: 96%;
 
             max-width: 96%;
 
             height: auto;
 
             height: auto;
 +
            margin-top:50px;
  
 
         }
 
         }
  
         .member_picture:hover {
+
         /* .member_picture:hover {
             border: solid #4e72b8 3px;
+
             border: solid #4e72b8 2px;
 +
        } */
 +
        .member_picture:hover{
 +
            cursor: pointer;
 
         }
 
         }
  
 
         .member_name {
 
         .member_name {
 
             margin-top: 30px;
 
             margin-top: 30px;
 +
padding-bottom:50px;
 
             font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
 
             font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
 
             font-size: 30px;
 
             font-size: 30px;
Line 123: Line 129:
 
         }
 
         }
  
.personal_introduction {
+
        .personal_introduction {
    clear: both;
+
            clear: both;
    color: #ffffff;
+
            color: #ffffff;
    background: #4e72b8;
+
            background: #4e72b8;
    /* border: solid 3px #4e72b8; */
+
            /* border: solid 3px #4e72b8; */
    /* border-radius: 25px; */
+
            /* border-radius: 25px; */
    width: 70%;
+
            width: 70%;
    margin-left: 15%;
+
            margin-left: 15%;
    height: 180px;
+
            height: 180px;
    display: none;
+
            display: none;
}
+
        }
  
.personal_introduction {
+
        .personal_introduction_special {
    clear: both;
+
            clear: both;
    color: #ffffff;
+
            color: #ffffff;
    background: #4e72b8;
+
            background: #4e72b8;
    /* border: solid 3px #4e72b8; */
+
            /* border: solid 3px #4e72b8; */
    /* border-radius: 25px; */
+
            /* border-radius: 25px; */
    width: 70%;
+
            width: 70%;
    margin-left: 15%;
+
            margin-left: 15%;
    height: 220px;
+
            height: 220px;
    display: none;
+
            display: none;
}
+
        }
  
.member_introduction_name {
+
        .member_introduction_name {
    margin-top: 10px;
+
            margin-top: 10px;
    padding-top: 15px;
+
            padding-top: 15px;
    font-weight: bold;
+
            font-weight: bold;
    text-align: center;
+
            text-align: center;
    font-size: 30px;
+
            font-size: 30px;
}
+
        }
  
.member_introduction_word {
+
        .member_introduction_word {
    /* text-indent: 2em; */
+
            /* text-indent: 2em; */
    margin-top: 15px;
+
            margin-top: 15px;
    margin-left: 40px;
+
            margin-left: 40px;
    margin-right: 40px;
+
            margin-right: 40px;
    font-size: 17px;
+
            font-size: 17px;
}
+
        }
  
.member_introduction_motto {
+
        .member_introduction_motto {
    margin-top: 10px;
+
            margin-top: 10px;
    /* text-indent: 2em; */
+
            /* text-indent: 2em; */
    font-size: 20px;
+
            font-size: 20px;
    font-style: italic;
+
            font-style: italic;
    margin-left: 40px;
+
            margin-left: 40px;
    margin-right: 40px;
+
            margin-right: 40px;
}
+
        }
  
 
         .members_total_instructions {
 
         .members_total_instructions {
line-height:1.5;
+
            line-height: 1.5;
 
             text-align: center;
 
             text-align: center;
 
             margin-top: 50px;
 
             margin-top: 50px;
Line 185: Line 191:
 
             border-bottom: solid 3px #888888;
 
             border-bottom: solid 3px #888888;
 
         }
 
         }
         .members_main{
+
 
margin-left: 10px;
+
         .members_main {
 +
            margin-left: 10px;
 +
        }
 +
 
 +
        .arrow {
 +
            z-index: 4;
 +
            width: 100px;
 +
            position: absolute;
 +
            top: 130px;
 +
            margin-top: 380px;
 +
            margin-left: 49%;
 +
            /* animation: arrow_move 1.5s infinite; */
 +
            -webkit-animation: arrow_move 1.5s infinite;
 +
        }
 +
 
 +
        .arrow img {
 +
            width: 100%;
 +
            height: auto;
 +
        }
 +
 
 +
        @keyframes arrow_move {
 +
            0% {
 +
                top: 130px;
 +
            }
 +
            60% {
 +
                top: 170px;
 +
            }
 +
            100% {
 +
                top: 130px;
 +
            }
 +
        }
 +
 
 +
        #fromArrow {
 +
            z-index: 5;
 +
            position: absolute;
 +
            margin-top: -64px;
 
         }
 
         }
.arrow {
 
    z-index: 4;
 
    width: 100px;
 
    position: absolute;
 
    top: 130px;
 
    margin-top: 450px;
 
    margin-left: 49%;
 
    /* animation: arrow_move 1.5s infinite; */
 
    -webkit-animation: arrow_move 1.5s infinite;
 
}
 
.arrow img{
 
    width:100%;
 
    height: auto;
 
}
 
@keyframes arrow_move{
 
    0%{top:130px;}
 
    60%{top:170px;}
 
    100%{top:130px;}
 
}
 
#fromArrow {
 
    z-index: 5;
 
    position: absolute;
 
    margin-top: -64px;
 
}
 
 
     </style>
 
     </style>
  
Line 261: Line 278:
 
                 <ul class="drop menu2">
 
                 <ul class="drop menu2">
 
                     <li>
 
                     <li>
                         <a href="https://2018.igem.org/Team:TJU_China/Parts">Parts Overview</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Parts#Parts_Overview">Parts Overview</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
                         <a href="https://2018.igem.org/Team:TJU_China/Basic_Part">Basic</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Parts#Basic">Basic</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
                         <a href="https://2018.igem.org/Team:TJU_China/Composite_Part">Composite</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Parts#Composite">Composite</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
                         <a href="https://2018.igem.org/Team:TJU_China/Part_Collection">Collection</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Parts#Collection">Collection</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
                         <a href="https://2018.igem.org/Team:TJU_China/Improve">Improve</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Parts#Improve">Improve</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 282: Line 299:
 
                 </div>
 
                 </div>
 
                 <a href="https://2018.igem.org/Team:TJU_China/Model">Model</a>
 
                 <a href="https://2018.igem.org/Team:TJU_China/Model">Model</a>
 +
                <ul class="drop menu4">
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:TJU_China/Model#Dynamic_Model">Dynamic Model</a>
 +
                    </li>
 +
                    <li>
 +
                            <a href="https://2018.igem.org/Team:TJU_China/Model#Off-Target_Model">Off-target Model</a>
 +
                    </li>
 +
                    <li>
 +
                            <a href="https://2018.igem.org/Team:TJU_China/Model#Code">Code</a>
 +
                    </li>
 +
                   
 +
                </ul>
 
             </li>
 
             </li>
 
             <li>
 
             <li>
Line 290: Line 319:
 
                     HP
 
                     HP
 
                 </a>
 
                 </a>
                 <ul class="drop menu5">
+
                 <ul class="drop menu3">
                    <li>
+
                        <a href="https://2018.igem.org/Team:TJU_China/Silver">Silver</a>
+
                    </li>
+
                    <li>
+
                        <a href="https://2018.igem.org/Team:TJU_China/Human_Practices">Integrated HP</a>
+
                    </li>
+
 
                     <li>
 
                     <li>
                         <a href="https://2018.igem.org/Team:TJU_China/Public_Engagement">Education& Engagement</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Human_Practices">Human Practices</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
                         <a href="https://2018.igem.org/Team:TJU_China/Gallery">Gallery</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Public_Engagement">Public Engagement</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 317: Line 340:
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
                         <a href="https://2018.igem.org/Team:TJU_China/Collaborations">Collaboration</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Collaborations">Collaborations</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
                         <a href="https://2018.igem.org/Team:TJU_China/Attributions">Attribution</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Attributions">Attributions</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 334: Line 357:
 
     </div>
 
     </div>
 
     <div class="arrow">
 
     <div class="arrow">
            <a href="#fromArrow"><img src="https://static.igem.org/mediawiki/2018/e/e9/T--TJU_China--double_arrow.png"></a>
+
        <a href="#fromArrow">
           
+
            <img src="https://static.igem.org/mediawiki/2018/e/e9/T--TJU_China--double_arrow.png">
        </div>
+
        </a>
        <div id="fromArrow"></div>
+
 
 +
    </div>
 +
    <div id="fromArrow"></div>
 
     <div class="members_total_instructions">
 
     <div class="members_total_instructions">
 
         <div>We couldn't have accomplished all that we have without the great members in our team.
 
         <div>We couldn't have accomplished all that we have without the great members in our team.
Line 345: Line 370:
 
         </div>
 
         </div>
 
     </div>
 
     </div>
     <div class="members_main" >
+
     <div class="members_main">
 
         <div class="member_head">
 
         <div class="member_head">
 
             <div>Team Leaders</div>
 
             <div>Team Leaders</div>
Line 661: Line 686:
 
         <div class="member_introduction_word">She is an experimenter in this team. Her area of expertise is research. Having looked into mitochondrial disease
 
         <div class="member_introduction_word">She is an experimenter in this team. Her area of expertise is research. Having looked into mitochondrial disease
 
             and  mitochondrial gene editing, she plans to utilise the CRISPR-Cas9 system to eliminate abnormal mutanted mtDNA
 
             and  mitochondrial gene editing, she plans to utilise the CRISPR-Cas9 system to eliminate abnormal mutanted mtDNA
             and cure mitochondrial diseases. She believes “Nothing is impossible for a willing heart.”</div>
+
             and cure mitochondrial diseases.</div>
 +
        <div class="member_introduction_motto">“Nothing is impossible for a willing heart.”</div>
 
     </div>
 
     </div>
  

Latest revision as of 00:31, 18 October 2018

<!DOCTYPE > home

We couldn't have accomplished all that we have without the great members in our team.
Extra special thanks to our PIs,Zefang Wang and Haitao Yang, who worked tirelessly to help us. There's some
more awesome people mentioned on the attributions page who helped us on our project but weren't part of our team.
Team Leaders
Yuqi Song
Chenbo Sun
Team Members
Junjing Chen
Linpeng Chen
Mengqi Li
Mengyao Lin
Mengyuan Lv
Minghui Yin
Muchan Gao
Peicheng Li
Wenzhong Teng
Xiaoyu Yang
Xinyi Wang
Xuechun Gao
Yiran Cheng
Yuhao Qiu
Xinzhao Sun
Zheng Hu
Team Advisors
Dongqi Bao
Zhongyi Jiang
Zhuozhi Chen