(28 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: | + | 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: | + | margin-left: 20%; |
− | + | width: 20%; | |
} | } | ||
Line 41: | Line 45: | ||
.member_A2 { | .member_A2 { | ||
float: left; | float: left; | ||
− | margin-left: | + | margin-left: 20%; |
− | + | width: 20%; | |
Line 49: | Line 53: | ||
.member_B1 { | .member_B1 { | ||
float: left; | float: left; | ||
− | margin-left: | + | margin-left: 4%; |
− | + | width: 19%; | |
− | + | ||
} | } | ||
.member_B2 { | .member_B2 { | ||
float: left; | float: left; | ||
− | margin-left: | + | margin-left: 4%; |
− | + | width: 19%; | |
} | } | ||
.member_B3 { | .member_B3 { | ||
float: left; | float: left; | ||
− | margin-left: | + | margin-left: 4%; |
− | + | width: 19%; | |
} | } | ||
.member_B4 { | .member_B4 { | ||
float: left; | float: left; | ||
− | margin-left: | + | margin-left: 4%; |
− | + | width: 19%; | |
} | } | ||
.member_C1 { | .member_C1 { | ||
float: left; | float: left; | ||
− | margin-left: | + | margin-left: 10%; |
− | + | width:20%; | |
} | } | ||
Line 81: | Line 84: | ||
.member_C2 { | .member_C2 { | ||
float: left; | float: left; | ||
− | margin-left: | + | margin-left: 10%; |
− | + | width:20%; | |
+ | |||
} | } | ||
.member_C3 { | .member_C3 { | ||
float: left; | float: left; | ||
− | margin-left: | + | margin-left: 10%; |
− | + | width:20%; | |
+ | |||
} | } | ||
.member_picture_div { | .member_picture_div { | ||
− | width: | + | width: 100%; |
− | height: | + | 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; | ||
− | |||
max-width: 96%; | max-width: 96%; | ||
height: auto; | height: auto; | ||
+ | margin-top:50px; | ||
} | } | ||
− | .member_picture:hover { | + | /* .member_picture:hover { |
− | border: solid #4e72b8 | + | 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: | + | 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: | + | 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: | + | font-size: 23px; |
} | } | ||
Line 175: | Line 190: | ||
border-right: solid 3px #888888; | border-right: solid 3px #888888; | ||
border-bottom: solid 3px #888888; | border-bottom: solid 3px #888888; | ||
+ | } | ||
+ | |||
+ | .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 210: | Line 263: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2018.igem.org/Team:TJU_China/Demonstrate"> | + | <a href="https://2018.igem.org/Team:TJU_China/Demonstrate">Demonstrate</a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 225: | 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/ | + | <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/ | + | <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/ | + | <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 246: | 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 254: | Line 319: | ||
HP | HP | ||
</a> | </a> | ||
− | <ul class="drop | + | <ul class="drop menu3"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<li> | <li> | ||
− | <a href="https://2018.igem.org/Team:TJU_China/ | + | <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/ | + | <a href="https://2018.igem.org/Team:TJU_China/Public_Engagement">Public Engagement</a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 281: | Line 340: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href="https://2018.igem.org/Team:TJU_China/Collaborations"> | + | <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"> | + | <a href="https://2018.igem.org/Team:TJU_China/Attributions">Attributions</a> |
</li> | </li> | ||
</ul> | </ul> | ||
Line 295: | Line 354: | ||
<div> | <div> | ||
− | <img style="width: 100%;margin-top:30px;" src="https://static.igem.org/mediawiki/2018/5/ | + | <img style="width: 100%;margin-top:30px;" src="https://static.igem.org/mediawiki/2018/5/50/T--TJU_China--TeamTJU.jpg"> |
</div> | </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 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 304: | Line 370: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div> | + | <div class="members_main"> |
<div class="member_head"> | <div class="member_head"> | ||
<div>Team Leaders</div> | <div>Team Leaders</div> | ||
Line 620: | 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. | + | and cure mitochondrial diseases.</div> |
+ | <div class="member_introduction_motto">“Nothing is impossible for a willing heart.”</div> | ||
</div> | </div> | ||
Line 642: | Line 709: | ||
<div class="member_head"> | <div class="member_head"> | ||
− | <div>Team | + | <div>Team Advisors</div> |
</div> | </div> | ||
Latest revision as of 00:31, 18 October 2018
<!DOCTYPE >
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.
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