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

(Prototype team page)
 
Line 1: Line 1:
−
{{JiangnanU_China}}
+
{{:Team:JiangnanU_China/Header}}
−
<html>
+
<html xmlns="http://www.w3.org/1999/html">
 +
<head>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta charset="utf-8"/>
 +
    <!--Font-->
 +
    <!--    ////////////////////////-->
 +
    <style>
 +
        /*取消设置*/
 +
        #content {
 +
            line-height: unset;
 +
        }
  
−
<div class="column two_thirds_size" >
+
        #globalWrapper {
 +
            font-size: unset;
 +
        }
  
−
<h1>Team</h1>
+
        #HQ_page h1, h2, h3, h4, h5 {
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
            margin: 0;
 +
            padding: 0;
 +
        }
  
 +
        #HQ_page p {
 +
            font-size: inherit;
 +
            font-family: inherit;
 +
        }
  
−
<h3>What should this page contain?</h3>
+
        p, body {
−
<ul>
+
            margin: 0;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
            padding: 0;
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
            line-height: initial;
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
            width: 100%;
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
            height: 100%;
−
</ul>
+
        }
−
</div>
+
  
 +
        /*字体*/
 +
        @font-face {
 +
            font-family: 'Futura_Bold';
 +
            src: url('https://static.igem.org/mediawiki/2019/e/e0/T--JiangnanU_China--ziti_Futura_Bold.otf');
 +
        }
  
 +
        @font-face {
 +
            font-family: 'FuturaFuturisC-Italic';
 +
            src: url('https://static.igem.org/mediawiki/2019/4/49/T--JiangnanU_China--FuturaFuturisC-Italic.otf');
 +
        }
  
−
<div class="column third_size" >
+
        @font-face {
−
<div class="highlight decoration_A_full">
+
            font-family: 'Futura-Medium-6';
−
<h3>Inspiration</h3>
+
            src: url('https://static.igem.org/mediawiki/2019/1/11/T--JiangnanU_China--Futura-Medium-6.otf');
−
<p>You can look at what other teams did to get some inspiration! <br />
+
        }
−
Here are a few examples:</p>
+
 
−
<ul>
+
        .fb_48 {
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
            font-family: Futura_Bold, sans-serif;
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
+
            font-size: 2em;
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
        }
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
 
−
</ul>
+
        .fb_22 {
−
</div>
+
            font-family: Futura_Bold, sans-serif;
 +
            font-size: 1.3em;
 +
        }
 +
 
 +
        .fb_72 {
 +
            font-family: Futura_Bold, sans-serif;
 +
            font-size: 4em;
 +
        }
 +
 
 +
        .fm_22 {
 +
            font-family: Futura-Medium-6, sans-serif;
 +
            font-size: 1.3em;
 +
        }
 +
 
 +
        .fmi_48 {
 +
            font-family: FuturaFuturisC-Italic, sans-serif;
 +
            font-size: 2em;
 +
        }
 +
 
 +
        /*常用css*/
 +
        /*分隔符*/
 +
        .split_small {
 +
            height: 32px;
 +
        }
 +
 
 +
        .split {
 +
            height: 64px;
 +
        }
 +
 
 +
        /*无书签正文*/
 +
        .contents {
 +
            margin: 5% 8% 8%;
 +
        }
 +
 
 +
        /*一排*/
 +
        .row {
 +
            display: flex;
 +
            flex-direction: row;
 +
            margin: 0;
 +
        }
 +
 
 +
        /*一列*/
 +
        .column {
 +
            display: flex;
 +
            flex-direction: column;
 +
        }
 +
 
 +
 
 +
        .centers {
 +
            justify-content: center;
 +
        }
 +
    </style>
 +
    <style>
 +
        .contents {
 +
            flex-wrap: wrap;
 +
        }
 +
 
 +
    </style>
 +
    <style>
 +
        .flipbox {
 +
            height: 280px;
 +
            perspective: 1000px;
 +
        }
 +
 
 +
        .flipbox:hover .side:nth-child(1) {
 +
            transform: rotateY(180deg);
 +
        }
 +
 
 +
        .flipbox:hover .side:nth-child(2) {
 +
            transform: rotateY(0deg);
 +
        }
 +
 
 +
        .side {
 +
            margin: 2%;
 +
            transition: 1.4s;
 +
            transform-style: preserve-3d;
 +
            backface-visibility: hidden;
 +
            width: inherit;
 +
            height: inherit;
 +
        }
 +
 
 +
        .side:nth-child(1) {
 +
        }
 +
 
 +
        .side:nth-child(2) {
 +
            color: white;
 +
            background-image: url("https://static.igem.org/mediawiki/2019/b/b2/T--JiangnanU_China--team_bgd.png");
 +
            background-size: 100% 100%;
 +
            padding: 0 6%;
 +
            position: absolute;
 +
            left: 0;
 +
            top: 0;
 +
            transform: rotateY(180deg);
 +
        }
 +
    </style>
 +
</head>
 +
<body>
 +
<div class="contents">
 +
    <div class="centers">
 +
        <div class="split"></div>
 +
        <!--        第一行-->
 +
        <div class="row">
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--    王雅玲-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/8/88/T--JiangnanU_China--team_zhouyunran.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
 
 +
                    <div class="fb_48">
 +
                        Yaling Wang
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Aisling, leader, is responsible for the overall project coordination and experimental part.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                张佳宁-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/3/37/T--JiangnanU_China--team_zhangjiening.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
                    <div class="fb_48">
 +
                        Jianing Zhang
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Lagrange, Love experiment, repeatedly failed, repeatedly failed to fight.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="split"></div>
 +
        <!--        第二行-->
 +
        <div class="row">
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                王舒明-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/d/d2/T--JiangnanU_China--team_wangshuming.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
 
 +
                    <div class="fb_48">
 +
                        Shuming Wang
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Shuming Wang is in his second year in Jiangnan University, major in Bioengineering. He is
 +
                        responsible for the Model section and Presentation.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                尹国斌-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/5/53/T--JiangnanU_China--team_yinguobin.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
                    <div class="fb_48">
 +
                        Guobin Yin
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Guobin Yin is majoring in bioengineering. Though he is shy and not good at dealing with people,
 +
                        he is always ready to try something new.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="split"></div>
 +
        <!--        第三行-->
 +
        <div class="row">
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                刘家恒-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/f/ff/T--JiangnanU_China--team_liujiaheng.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
 
 +
                    <div class="fb_48">
 +
                        Jiaheng Liu
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Jiaheng Liu is an undergraduate student from Jiangnan University who majors in biotechnology. He
 +
                        is responsible for experiment and part of HP's work.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                林月阳-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/9/9d/T--JiangnanU_China--team_linyueyang.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
                    <div class="fb_48">
 +
                        Yueyang Lin
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Yueyang Lin is a second year biological engineering student and mainly responsible for literary
 +
                        writing. Also she is a part of Human Practice.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="split"></div>
 +
 
 +
        <!--        第四行-->
 +
        <div class="row">
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                杨文涵-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/f/fa/T--JiangnanU_China--team_yangwenhan.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
 
 +
                    <div class="fb_48">
 +
                        Wenhan Yang
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Wenhan Yang is assisting in wet lab and Human Practice. When she is out of the lab, she is found
 +
                        of traveling and playing musical instruments.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                陈佳敏-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/a/aa/T--JiangnanU_China--team_chenjiamin.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
                    <div class="fb_48">
 +
                        Jiamin Chen
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Jiamin Chen is a sophomore now from Jiangnan University who majors in Bioengineering. She enjoys
 +
                        learning about new fields and knowledge to enrich herself.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="split"></div>
 +
 
 +
        <!--        第五行-->
 +
        <div class="row">
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                黄雨捷-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/d/da/T--JiangnanU_China--team_huanglaoban.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
 
 +
                    <div class="fb_48">
 +
                        Yujie Huang
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Yujie Huang, She is busy, she is on the way. She is interested in everything and she want to try
 +
                        everything. She is finding what is she reaaaally love.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                周蕴然-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/8/88/T--JiangnanU_China--team_zhouyunran.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
                    <div class="fb_48">
 +
                        Yunran Zhou
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Aidan Zhou is One of the designers of this webpage you are browsing. Majored in Industrial
 +
                        Design, mistakenly went too far in Web Design, and end up in this iGEM Team.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="split"></div>
 +
 
 +
        <!--        第六行-->
 +
        <div class="row">
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                赵荣-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/9/9c/T--JiangnanU_China--team_zhaorong.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
 
 +
                    <div class="fb_48">
 +
                        Rong Zhao
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Rong Zhao, major in digital media technology. She consider herself as a lucky girl with broad
 +
                        interests. She enjoy photography, video editing, sketching and reading.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                贾鹏-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/6/6c/T--JiangnanU_China--team_jiapeng.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
                    <div class="fb_48">
 +
                        Peng Jia
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Peng Jia, he loves playing basketball and scientific research, which are the indispensable
 +
                        things in his life.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="split"></div>
 +
 
 +
        <!--        第七行-->
 +
        <div class="row">
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                刘维佳-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/e/e9/T--JiangnanU_China--team_liuweijia.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
 
 +
                    <div class="fb_48">
 +
                        Weijia Liu
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Yifei Zheng.“Artificial Intelligence will give us a better world!”, a man is shouting.
 +
                        That is what he looks like, a computer enthusiast, living in the computer operating system.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                刘一凡-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/5/5a/T--JiangnanU_China--team_liuyifan.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
                    <div class="fb_48">
 +
                        Yifan Liu
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Yifan Liu, a computer enthusiast, living in the computer operating system. He was always
 +
                        thinking about a world without computers, it must be like a world without him.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="split"></div>
 +
 
 +
        <!--        第八行-->
 +
        <div class="row" style="width: 50%">
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                郑翼斐-->
 +
                    <img src="https://static.igem.org/mediawiki/2019/0/0b/T--JiangnanU_China--team_zhengyifei.png" alt=""
 +
                        style="width: 100%;height: 100%;">
 +
                </div>
 +
                <div class="side">
 +
                    <div class="split_small"></div>
 +
 
 +
                    <div class="fb_48">
 +
                        Yifei Zheng
 +
                    </div>
 +
                    <div class="split_small"></div>
 +
                    <div class="fm_22">
 +
                        Yifei Zheng.“Artificial Intelligence will give us a better world!”, a man is shouting.
 +
                        That is what he looks like, a computer enthusiast, living in the computer operating system.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="flipbox">
 +
                <div class="side">
 +
                    <!--                刘一凡-->
 +
 
 +
                </div>
 +
                <div class="side">
 +
                    <br />
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
 +
 +
 +
</body>
 
</html>
 
</html>
 +
{{:Team:JiangnanU_China/Footer}}

Revision as of 16:31, 20 October 2019

JiangNan

Yaling Wang
Aisling, leader, is responsible for the overall project coordination and experimental part.
Jianing Zhang
Lagrange, Love experiment, repeatedly failed, repeatedly failed to fight.
Shuming Wang
Shuming Wang is in his second year in Jiangnan University, major in Bioengineering. He is responsible for the Model section and Presentation.
Guobin Yin
Guobin Yin is majoring in bioengineering. Though he is shy and not good at dealing with people, he is always ready to try something new.
Jiaheng Liu
Jiaheng Liu is an undergraduate student from Jiangnan University who majors in biotechnology. He is responsible for experiment and part of HP's work.
Yueyang Lin
Yueyang Lin is a second year biological engineering student and mainly responsible for literary writing. Also she is a part of Human Practice.
Wenhan Yang
Wenhan Yang is assisting in wet lab and Human Practice. When she is out of the lab, she is found of traveling and playing musical instruments.
Jiamin Chen
Jiamin Chen is a sophomore now from Jiangnan University who majors in Bioengineering. She enjoys learning about new fields and knowledge to enrich herself.
Yujie Huang
Yujie Huang, She is busy, she is on the way. She is interested in everything and she want to try everything. She is finding what is she reaaaally love.
Yunran Zhou
Aidan Zhou is One of the designers of this webpage you are browsing. Majored in Industrial Design, mistakenly went too far in Web Design, and end up in this iGEM Team.
Rong Zhao
Rong Zhao, major in digital media technology. She consider herself as a lucky girl with broad interests. She enjoy photography, video editing, sketching and reading.
Peng Jia
Peng Jia, he loves playing basketball and scientific research, which are the indispensable things in his life.
Weijia Liu
Yifei Zheng.“Artificial Intelligence will give us a better world!”, a man is shouting. That is what he looks like, a computer enthusiast, living in the computer operating system.
Yifan Liu
Yifan Liu, a computer enthusiast, living in the computer operating system. He was always thinking about a world without computers, it must be like a world without him.
Yifei Zheng
Yifei Zheng.“Artificial Intelligence will give us a better world!”, a man is shouting. That is what he looks like, a computer enthusiast, living in the computer operating system.