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

 
(26 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;
margin-left:4%;
+
           
 
         }
 
         }
  
Line 31: 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 42: Line 45:
 
         .member_A2 {
 
         .member_A2 {
 
             float: left;
 
             float: left;
             margin-left: 400px;
+
             margin-left: 20%;
             height: 400px;
+
             width: 20%;
  
  
Line 50: 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 82: 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 103: 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 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 133: 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 143: 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 149: 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 158: 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 166: 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 177: 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 214: 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 229: 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 250: 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 258: 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 285: 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 299: 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 308: 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 624: 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 646: 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