Flash seven (Talk | contribs) |
|||
(29 intermediate revisions by 2 users not shown) | |||
Line 11: | Line 11: | ||
<link rel="stylesheet" | <link rel="stylesheet" | ||
href="https://2021.igem.org/wiki/index.php?title= Template:CPU_CHINA/common_CSS &action=raw&ctype=text/css"> | href="https://2021.igem.org/wiki/index.php?title= Template:CPU_CHINA/common_CSS &action=raw&ctype=text/css"> | ||
− | |||
<style> | <style> | ||
#header #title { | #header #title { | ||
Line 23: | Line 22: | ||
#contain .label .line { | #contain .label .line { | ||
display: block; | display: block; | ||
+ | padding: 1%; | ||
text-align: center; | text-align: center; | ||
white-space: nowrap; | white-space: nowrap; | ||
Line 35: | Line 35: | ||
/* 滚动条轨道 */ | /* 滚动条轨道 */ | ||
#contain .label .line::-webkit-scrollbar-track { | #contain .label .line::-webkit-scrollbar-track { | ||
− | background: # | + | background: #FFFFFF; |
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
Line 62: | Line 62: | ||
font-size: 1.2em; | font-size: 1.2em; | ||
font-weight: bolder; | font-weight: bolder; | ||
− | -webkit-text-fill-color: # | + | -webkit-text-fill-color: #FFFFFF; |
-webkit-text-stroke: 0.6px #5f5f5f; | -webkit-text-stroke: 0.6px #5f5f5f; | ||
} | } | ||
Line 68: | Line 68: | ||
#contain .label .addClass { | #contain .label .addClass { | ||
background-color: #0072FE; | background-color: #0072FE; | ||
− | -webkit-text-stroke: 0.3px # | + | -webkit-text-stroke: 0.3px #FFFFFF; |
} | } | ||
Line 168: | Line 168: | ||
#contain #instructor { | #contain #instructor { | ||
margin-top: 40%; | margin-top: 40%; | ||
− | + | display: flex; | |
+ | flex-wrap: wrap; | ||
+ | align-items: center; | ||
+ | justify-content: center; | ||
} | } | ||
Line 174: | Line 177: | ||
float: left; | float: left; | ||
margin: 2%; | margin: 2%; | ||
− | padding: | + | padding: 10px; |
width: 300px; | width: 300px; | ||
height: 170px; | height: 170px; | ||
Line 250: | Line 253: | ||
border: none; | border: none; | ||
border-radius: 50px; | border-radius: 50px; | ||
− | font-size: | + | font-size: 1.5em; |
− | color: # | + | color: #FFFFFF; |
font-family: "MONTSERRAT-BLACK1", "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif; | font-family: "MONTSERRAT-BLACK1", "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif; | ||
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; | -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; | ||
Line 259: | Line 262: | ||
} | } | ||
− | @media screen and (max-width: | + | @media screen and (max-width:1200px) { |
+ | |||
#contain #instructor { | #contain #instructor { | ||
− | margin-top: | + | margin-top: 90%; |
+ | } | ||
+ | #contain .card .presentation{ | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | flex-wrap: wrap; | ||
+ | |||
} | } | ||
− | |||
#contain .card .presentation .describe { | #contain .card .presentation .describe { | ||
width: 100%; | width: 100%; | ||
Line 284: | Line 294: | ||
} | } | ||
} | } | ||
− | + | @media screen and (max-width:840px){ | |
+ | #contain #instructor { | ||
+ | margin-top: 115%; | ||
+ | } | ||
+ | } | ||
@media screen and (max-width:630px) { | @media screen and (max-width:630px) { | ||
#contain #instructor { | #contain #instructor { | ||
Line 376: | Line 390: | ||
<path id="凹形遮罩" | <path id="凹形遮罩" | ||
d="M1433.18,439.801C1433.18,439.801 1001.08,524.071 607.621,524.374C219.99,524.673 -217.935,439.801 -217.935,439.801L-217.935,944.811L1433.18,944.811L1433.18,439.801Z" | d="M1433.18,439.801C1433.18,439.801 1001.08,524.071 607.621,524.374C219.99,524.673 -217.935,439.801 -217.935,439.801L-217.935,944.811L1433.18,944.811L1433.18,439.801Z" | ||
− | style="fill:# | + | style="fill:#FFFFFF;" /> |
</g> | </g> | ||
</g> | </g> | ||
Line 429: | Line 443: | ||
<img src="https://static.igem.org/mediawiki/2021/3/31/T--CPU_CHINA--Logoes.jpg" alt=""> | <img src="https://static.igem.org/mediawiki/2021/3/31/T--CPU_CHINA--Logoes.jpg" alt=""> | ||
</div> | </div> | ||
− | |||
− | |||
<div id="connect"> | <div id="connect"> | ||
<h4>Contact us</h4> | <h4>Contact us</h4> | ||
Line 441: | Line 453: | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href=""> | + | <a href="mailto:cpuchina2021@163.com"> |
− | <img src="https://static.igem.org/mediawiki/2021/9/92/T--CPU_CHINA--emailLogo.png" alt=""> | + | <img src="https://static.igem.org/mediawiki/2021/9/92/T--CPU_CHINA--emailLogo.png" style="margin-bottom: 2vw;" alt=""> |
− | <p> | + | <p>cpuchina2021@163.com</p> |
</a> | </a> | ||
</li> | </li> | ||
<li> | <li> | ||
− | <a href=""> | + | <a href="https://github.com/cpu-igem/cpu-igem2021"> |
<img src="https://static.igem.org/mediawiki/2021/9/98/T--CPU_CHINA--GithubLogo.png" alt=""> | <img src="https://static.igem.org/mediawiki/2021/9/98/T--CPU_CHINA--GithubLogo.png" alt=""> | ||
<p>Like our Website?</p> | <p>Like our Website?</p> | ||
Line 471: | Line 483: | ||
"https://static.igem.org/mediawiki/2021/c/c8/T--CPU_CHINA--Members--All.png", | "https://static.igem.org/mediawiki/2021/c/c8/T--CPU_CHINA--Members--All.png", | ||
"https://static.igem.org/mediawiki/2021/5/55/T--CPU_CHINA--Members--1.jpg", | "https://static.igem.org/mediawiki/2021/5/55/T--CPU_CHINA--Members--1.jpg", | ||
+ | "https://static.igem.org/mediawiki/2021/5/5a/T--CPU_CHINA--Members--Meirong_Chen.png", | ||
"https://static.igem.org/mediawiki/2021/7/7c/T--CPU_CHINA--Members--Ziyang_Huang.JPG", | "https://static.igem.org/mediawiki/2021/7/7c/T--CPU_CHINA--Members--Ziyang_Huang.JPG", | ||
"https://static.igem.org/mediawiki/2021/1/1f/T--CPU_CHINA--Members--Linyu_Zheng.JPG", | "https://static.igem.org/mediawiki/2021/1/1f/T--CPU_CHINA--Members--Linyu_Zheng.JPG", | ||
Line 512: | Line 525: | ||
head: "https://static.igem.org/mediawiki/2021/c/c8/T--CPU_CHINA--Members--All.png", | head: "https://static.igem.org/mediawiki/2021/c/c8/T--CPU_CHINA--Members--All.png", | ||
name: "CPU_CHINA", | name: "CPU_CHINA", | ||
− | post: " | + | post: "NANJING, CHINA", |
− | major: " | + | major: "China Pharmaceutical University", |
declaration: "Everyone is adorable.", | declaration: "Everyone is adorable.", | ||
isActive: 0, | isActive: 0, | ||
hover: -1, | hover: -1, | ||
last: 0, | last: 0, | ||
− | lab2: ["All | + | lab2: ["All", "LDR", "LDR", "Lab", "Lab", "Lab", "Lab", "Lab", "Lab", "Model", "Model", |
"HP", "HP", "Art", "Wiki" | "HP", "HP", "Art", "Wiki" | ||
], | ], | ||
Line 528: | Line 541: | ||
name: "CPU_CHINA", | name: "CPU_CHINA", | ||
position: "NAN JING, CHINA", | position: "NAN JING, CHINA", | ||
− | major: " | + | major: "China Pharmaceutical University", |
declaration: "Everyone is adorable.", | declaration: "Everyone is adorable.", | ||
num: 0 | num: 0 | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
}, | }, | ||
{ | { | ||
Line 555: | Line 550: | ||
name: "Ziyang Huang", | name: "Ziyang Huang", | ||
position: "TEAM LEADER", | position: "TEAM LEADER", | ||
− | major: " | + | major: "Pharmaceutical Science(Top-notch)", |
declaration: "My ordinary self in a spectacular team.", | declaration: "My ordinary self in a spectacular team.", | ||
− | num: | + | num: 1 |
}, | }, | ||
{ | { | ||
Line 564: | Line 559: | ||
name: "Linyu Zheng", | name: "Linyu Zheng", | ||
position: "TEAM LEADER", | position: "TEAM LEADER", | ||
− | major: " | + | major: "Pharmaceutical Science(Top-notch)", |
declaration: "Love and Peace", | declaration: "Love and Peace", | ||
− | num: | + | num: 2 |
} | } | ||
], | ], | ||
Line 574: | Line 569: | ||
name: "Wentao Chen", | name: "Wentao Chen", | ||
position: "WET LAB", | position: "WET LAB", | ||
− | major: " | + | major: "Pharmaceutical Science(Top-notch)", |
declaration: "The more you think you see, the easier it\'ll be to fool you.", | declaration: "The more you think you see, the easier it\'ll be to fool you.", | ||
− | num: | + | num: 3 |
}, | }, | ||
{ | { | ||
Line 583: | Line 578: | ||
name: "Gongyu Liu", | name: "Gongyu Liu", | ||
position: "WET LAB", | position: "WET LAB", | ||
− | major: " | + | major: "Bio-Pharmaceutical", |
declaration: "Let life be beautiful like summer flowers and death like autume leaves.", | declaration: "Let life be beautiful like summer flowers and death like autume leaves.", | ||
− | num: | + | num: 4 |
}, | }, | ||
{ | { | ||
Line 592: | Line 587: | ||
name: "Peng Luo", | name: "Peng Luo", | ||
position: "WET LAB", | position: "WET LAB", | ||
− | major: " | + | major: "Pharmaceutical Science(Top-notch)", |
declaration: "There is a crack in everything, that\'s how the light gets in.", | declaration: "There is a crack in everything, that\'s how the light gets in.", | ||
− | num: | + | num: 5 |
}, | }, | ||
{ | { | ||
Line 601: | Line 596: | ||
name: "Ruyi Ma", | name: "Ruyi Ma", | ||
position: "WET LAB", | position: "WET LAB", | ||
− | major: " | + | major: "Pharmaceutical Analysis", |
declaration: "We are so excited about the future.", | declaration: "We are so excited about the future.", | ||
− | num: | + | num: 6 |
}, | }, | ||
{ | { | ||
Line 610: | Line 605: | ||
name: "Qinyue Wang", | name: "Qinyue Wang", | ||
position: "WET LAB", | position: "WET LAB", | ||
− | major: " | + | major: "Pharmaceutical Science(Top-notch)", |
declaration: "All experiences are gifts for the future.", | declaration: "All experiences are gifts for the future.", | ||
− | num: | + | num: 7 |
}, | }, | ||
{ | { | ||
Line 619: | Line 614: | ||
name: "Zihan Yuan", | name: "Zihan Yuan", | ||
position: "WET LAB", | position: "WET LAB", | ||
− | major: " | + | major: "Pharmacy(Base of Life Science)", |
declaration: "There is only one me in this world.", | declaration: "There is only one me in this world.", | ||
− | num: | + | num: 8 |
}, | }, | ||
{ | { | ||
Line 628: | Line 623: | ||
name: "Hongjie Qian", | name: "Hongjie Qian", | ||
position: "MATHEMATICAL MODELING", | position: "MATHEMATICAL MODELING", | ||
− | major: " | + | major: "Pharmacy (Biochemistry and Pharmacology)", |
declaration: "I have been looking for the solution called future.", | declaration: "I have been looking for the solution called future.", | ||
− | num: | + | num: 9 |
}, | }, | ||
{ | { | ||
Line 637: | Line 632: | ||
name: "Zekai Shen", | name: "Zekai Shen", | ||
position: "MATHEMATICAL MODELING", | position: "MATHEMATICAL MODELING", | ||
− | major: " | + | major: "Pharmacy Chemistry", |
declaration: "Down by the riverside, laid burdens down, find freedom, traveling light.", | declaration: "Down by the riverside, laid burdens down, find freedom, traveling light.", | ||
− | num: | + | num: 10 |
}, | }, | ||
{ | { | ||
Line 646: | Line 641: | ||
name: "Duanduan Wang", | name: "Duanduan Wang", | ||
position: "HUMAN PRACTICES", | position: "HUMAN PRACTICES", | ||
− | major: " | + | major: "Marine Pharmacy", |
declaration: "Action is eloquence.", | declaration: "Action is eloquence.", | ||
− | num: | + | num: 11 |
}, | }, | ||
{ | { | ||
Line 654: | Line 649: | ||
head: "https://static.igem.org/mediawiki/2021/f/fb/T--CPU_CHINA--Members--Ying_Yuan.JPG", | head: "https://static.igem.org/mediawiki/2021/f/fb/T--CPU_CHINA--Members--Ying_Yuan.JPG", | ||
name: "Ying Yuan", | name: "Ying Yuan", | ||
− | position: "HUMAN | + | position: "HUMAN PRACTICES", |
− | major: " | + | major: "Pharmaceutical Science(Top-notch)", |
declaration: "I will always be loyal to freedom, believing in science and love.", | declaration: "I will always be loyal to freedom, believing in science and love.", | ||
− | num: | + | num: 12 |
}, | }, | ||
{ | { | ||
Line 664: | Line 659: | ||
name: "Jianxiang Guan", | name: "Jianxiang Guan", | ||
position: "ART DESIGN", | position: "ART DESIGN", | ||
− | major: " | + | major: "Pharmacy (Biochemistry and Pharmacology)", |
− | declaration: "We are raising a brand new revolution of art | + | declaration: "We are raising a brand new revolution of art.", |
− | num: | + | num: 13 |
}, | }, | ||
{ | { | ||
Line 673: | Line 668: | ||
name: "Jia Zhang", | name: "Jia Zhang", | ||
position: "WIKI PRODUCTION", | position: "WIKI PRODUCTION", | ||
− | major: " | + | major: "Information Systems and Information Management", |
declaration: "Use legs and have legs.", | declaration: "Use legs and have legs.", | ||
− | num: | + | num: 14 |
}, | }, | ||
], | ], | ||
− | members: [{ | + | members: [ |
− | head: "https://static.igem.org/mediawiki/2021/3/32/T--CPU_CHINA--Members--Yanfeng_Liu.JPG", | + | { |
− | + | head: "https://static.igem.org/mediawiki/2021/5/55/T--CPU_CHINA--Members--1.jpg", | |
− | + | name: "Meiling Lu", | |
− | + | post: "PRIMARY PI", | |
− | + | major: "", | |
− | + | declaration: "Life is too important to be taken seriously." | |
− | + | }, | |
− | + | { | |
− | + | head: "https://static.igem.org/mediawiki/2021/5/5a/T--CPU_CHINA--Members--Meirong_Chen.png", | |
− | + | name: "Meirong Chen", | |
− | + | post: "SECONDARY PI", | |
− | + | major: "", | |
− | + | declaration: "" | |
− | + | }, | |
− | + | { | |
− | + | head: "https://static.igem.org/mediawiki/2021/3/32/T--CPU_CHINA--Members--Yanfeng_Liu.JPG", | |
− | + | name: "Yanfeng Liu", | |
− | + | post: "INSTRUCTOR", | |
− | + | major: "Pharmacy", | |
− | + | declaration: "What I can not create, I do not understand.", | |
− | + | }, | |
− | + | { | |
− | + | head: "https://static.igem.org/mediawiki/2021/e/e9/T--CPU_CHINA--Members--Weixuan_Lu.jpg", | |
− | + | name: "Weixuan Lu", | |
− | + | post: "INSTRUCTOR", | |
− | + | major: "Pharmaceutical Science(Top-notch)", | |
− | + | declaration: "Remember, no answer is an answer too.", | |
− | + | }, | |
− | + | { | |
− | + | head:"https://static.igem.org/mediawiki/2021/4/48/T--CPU_CHINA--Members--Qian_Li.JPG", | |
− | + | name:"Qian Li", | |
− | + | post:"ADVISOR", | |
− | + | msjor:"Pharmaceutical Administration", | |
− | + | declaration:"Too rich to introduce." | |
− | + | }, | |
− | + | { | |
− | + | head: "https://static.igem.org/mediawiki/2021/9/90/T--CPU_CHINA--Members--Tong_LYU.JPG", | |
− | + | name: "Tong LYU", | |
− | + | post: "ADVISOR", | |
− | + | major: "Pharmacy(Base of Life Science)", | |
− | + | declaration: "Take the road less traveled, and don't look back in anger.", | |
− | + | }, | |
− | + | { | |
− | + | head: "https://static.igem.org/mediawiki/2021/b/bf/T--CPU_CHINA--Members--Leyi_Liang.JPG", | |
− | + | name: "Leyi Liang", | |
− | + | post: "ADVISOR", | |
− | + | major: "Pharmaceutical Administration", | |
− | + | declaration: "All work and no play makes Jack a dull boy. ", | |
− | + | }, | |
− | + | { | |
− | + | head: "https://static.igem.org/mediawiki/2021/f/fd/T--CPU_CHINA--Members--Xiaoying_Li.JPG", | |
− | + | name: "Xiaoying Li", | |
− | + | post: "ADVISOR", | |
− | + | major: "Traditional Chinese Pharmacology", | |
− | + | declaration: "Design is a bridge connecting the world and us.", | |
− | + | }, | |
− | + | { | |
− | + | head: "https://static.igem.org/mediawiki/2021/8/8a/T--CPU_CHINA--Members--HDX.jpg", | |
− | + | name: "Huandi Xu", | |
− | + | post: "ADVISOR", | |
− | + | major: "University of Copenhagen", | |
− | + | declaration: "Study!", | |
+ | }, | ||
+ | { | ||
+ | head: "https://static.igem.org/mediawiki/2021/e/ee/T--CPU_CHINA--Members--Xin_Liu.jpg", | ||
+ | name: "Xin Liu", | ||
+ | post: "ADVISOR", | ||
+ | major: "Computer Science", | ||
+ | declaration: "What's past is prologue", | ||
+ | }, | ||
+ | { | ||
+ | head: "https://static.igem.org/mediawiki/2021/0/0c/T--CPU_CHINA--Members--HuiHuang.jpg", | ||
+ | name: "Hui Huang", | ||
+ | post: "ADVISOR", | ||
+ | major: "", | ||
+ | declaration: "", | ||
+ | }, | ||
] | ] | ||
Line 747: | Line 757: | ||
overLable(item) { | overLable(item) { | ||
setTimeout(() => { | setTimeout(() => { | ||
− | if (this.last < | + | if (this.last < 3) { |
this.leader[this.last].lab = this.lab; //还原标签 | this.leader[this.last].lab = this.lab; //还原标签 | ||
} else { | } else { | ||
− | this.ordMem[this.last - | + | this.ordMem[this.last - 3].lab = this.lab; //还原标签 |
} | } | ||
this.isActive = item.num; //标签样式改变 | this.isActive = item.num; //标签样式改变 |
Latest revision as of 03:37, 22 October 2021
![](https://static.igem.org/mediawiki/2021/c/c4/T--CPU_CHINA--loading.gif)
![](https://static.igem.org/mediawiki/2021/a/a5/T--CPU_CHINA--members--Top.png)
PORTRAIT
- {{item.lab}}
- {{item.lab}}
{{name}}
{{post}}
{{major}}
{{declaration}}
![](https://static.igem.org/mediawiki/2021/8/84/T--CPU_CHINA--members--Drug1.png)
![](https://static.igem.org/mediawiki/2021/1/16/T--CPU_CHINA--members--Drug2.png)
{{ item.name }}
{{ item.post }}
{{ item.major }}
{{ item.declaration }}