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

 
(27 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;
 +
           
 
         }
 
         }
  
 
         .member_B {
 
         .member_B {
 
             margin: 0 auto;
 
             margin: 0 auto;
−
             margin-top: 100px;
+
             margin-top: 150px;
 +
           
 
         }
 
         }
  
Line 30: 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 41: Line 45:
 
         .member_A2 {
 
         .member_A2 {
 
             float: left;
 
             float: left;
−
             margin-left: 400px;
+
             margin-left: 20%;
−
             height: 400px;
+
             width: 20%;
  
  
Line 49: 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 81: 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 102: 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 122: 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 132: 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 142: 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 148: 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 157: 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 165: Line 179:
  
 
         .members_total_instructions {
 
         .members_total_instructions {
 +
            line-height: 1.5;
 
             text-align: center;
 
             text-align: center;
 
             margin-top: 50px;
 
             margin-top: 50px;
−
             font-size: 20px;
+
             font-size: 23px;
 
         }
 
         }
  
Line 176: 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 213: 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 228: 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 249: 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 257: 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 284: 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 298: 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 307: 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 623: 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 645: 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