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

 
(24 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;
 +
           
 
         }
 
         }
  
 
         .member_A1 {
 
         .member_A1 {
 
             float: left;
 
             float: left;
−
             margin-left: 220px;
+
             margin-left: 20%;
−
             height: 400px;
+
             width: 20%;
  
 
         }
 
         }
Line 43: Line 45:
 
         .member_A2 {
 
         .member_A2 {
 
             float: left;
 
             float: left;
−
             margin-left: 400px;
+
             margin-left: 20%;
−
             height: 400px;
+
             width: 20%;
  
  
Line 51: 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 83: 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 104: 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 124: Line 131:
 
         .personal_introduction {
 
         .personal_introduction {
 
             clear: both;
 
             clear: both;
−
             border: solid 3px #4e72b8;
+
             color: #ffffff;
−
             border-radius: 25px;
+
            background: #4e72b8;
 +
            /* border: solid 3px #4e72b8; */
 +
             /* border-radius: 25px; */
 
             width: 70%;
 
             width: 70%;
 
             margin-left: 15%;
 
             margin-left: 15%;
−
             height: 160px;
+
             height: 180px;
 
             display: none;
 
             display: none;
 
         }
 
         }
Line 134: Line 143:
 
         .personal_introduction_special {
 
         .personal_introduction_special {
 
             clear: both;
 
             clear: both;
−
             border: solid 3px #4e72b8;
+
             color: #ffffff;
−
             border-radius: 25px;
+
            background: #4e72b8;
 +
            /* border: solid 3px #4e72b8; */
 +
             /* border-radius: 25px; */
 
             width: 70%;
 
             width: 70%;
 
             margin-left: 15%;
 
             margin-left: 15%;
−
             height: 200px;
+
             height: 220px;
 
             display: none;
 
             display: none;
 
         }
 
         }
Line 144: Line 155:
 
         .member_introduction_name {
 
         .member_introduction_name {
 
             margin-top: 10px;
 
             margin-top: 10px;
 +
            padding-top: 15px;
 
             font-weight: bold;
 
             font-weight: bold;
 
             text-align: center;
 
             text-align: center;
Line 150: Line 162:
  
 
         .member_introduction_word {
 
         .member_introduction_word {
−
             text-indent: 2em;
+
             /* text-indent: 2em; */
 
             margin-top: 15px;
 
             margin-top: 15px;
 
             margin-left: 40px;
 
             margin-left: 40px;
Line 159: Line 171:
 
         .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;
Line 167: Line 179:
  
 
         .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 179: 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;
 
         }
 
         }
 
     </style>
 
     </style>
Line 216: Line 263:
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
−
                         <a href="https://2018.igem.org/Team:TJU_China/Demonstrate">Demonstration</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Demonstrate">Demonstrate</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 231: 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 252: 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 260: Line 319:
 
                     HP
 
                     HP
 
                 </a>
 
                 </a>
−
                 <ul class="drop menu5">
+
                 <ul class="drop menu3">
 
                     <li>
 
                     <li>
−
                         <a href="https://2018.igem.org/Team:TJU_China/Silver">Silver</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/Human_Practices">Integrated HP</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Public_Engagement">Public Engagement</a>
−
                    </li>
+
−
                    <li>
+
−
                         <a href="https://2018.igem.org/Team:TJU_China/Public_Engagement">Education& Engagement</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="https://2018.igem.org/Team:TJU_China/Gallery">Gallery</a>
+
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 287: 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 301: Line 354:
  
 
     <div>
 
     <div>
−
         <img style="width: 100%;margin-top:30px;" src="https://static.igem.org/mediawiki/2018/5/56/T--TJU_China--TJU.JPG">
+
         <img style="width: 100%;margin-top:30px;" src="https://static.igem.org/mediawiki/2018/5/50/T--TJU_China--TeamTJU.jpg">
 +
    </div>
 +
    <div class="arrow">
 +
        <a href="#fromArrow">
 +
            <img src="https://static.igem.org/mediawiki/2018/e/e9/T--TJU_China--double_arrow.png">
 +
        </a>
 +
 
 
     </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 310: 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 626: 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>
  
Line 648: Line 709:
  
 
     <div class="member_head">
 
     <div class="member_head">
−
         <div>Team Instructors</div>
+
         <div>Team Advisors</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