Difference between revisions of "Team:HZAU-China/Members"

(Replaced content with "{{HZAU-China}}")
Line 1: Line 1:
 
{{HZAU-China}}
 
{{HZAU-China}}
 +
 +
<html>
 +
    <head>
 +
        <link rel="stylesheet" type="text/css" href="http://cdn.moritzzimmer.com/fonts/MoritzSansDURL/MoritzSansDURL_all.css">
 +
         
 +
        <style>         
 +
           
 +
            .body{
 +
    position: absolute;
 +
    top: 700px;
 +
    left: 0px;
 +
    background-color:white;
 +
    width:1366px;
 +
}
 +
.left-photo{
 +
    width: 320px;
 +
    float: left;
 +
    border-left: 1px solid #F2F2F2;
 +
    padding: 0 20px;
 +
    margin-bottom: 20px;
 +
    }
 +
.right-photo{
 +
    width: 550px;
 +
    float: right;
 +
    border-left: 1px solid #F2F2F2;
 +
    padding: 0 20px;
 +
    margin-bottom: 20px;
 +
    margin-left: 100px;
 +
    } 
 +
 +
 +
#portrait_container {
 +
  border-right: 1px solid white;
 +
  position:relative;
 +
  top:50px;
 +
}
 +
#portrait_container img {
 +
  padding: 10px;
 +
  transition: 0.2s ease;
 +
}
 +
#portrait_container img:hover {
 +
  cursor: pointer;
 +
  -webkit-transform: scale(1.3);
 +
}
 +
#portrait_container > .row {
 +
  padding-top: 5px;
 +
}
 +
.BackGround{
 +
background-color:white;
 +
width:1366px;
 +
}
 +
img {
 +
  width: 150px;
 +
}
 +
#Tittle{
 +
position:absolute;
 +
z-index:900;
 +
color:#c6c6c6;
 +
font-size:5em;
 +
font-family:times;
 +
}
 +
.left-text{
 +
position:relative;
 +
left:100px;
 +
}
 +
        </style>
 +
        <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.4.min.js"></script>
 +
        <script src="//cdn.bootcss.com/parallax.js/1.4.2/parallax.js"></script>
 +
        <script>localStorage.clear();</script>
 +
<script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery?action=raw&ctype=text/javascript"></script>
 +
   
 +
    <script>
 +
    $(document).ready(function() {
 +
        if(document.domain === "2015.igem.org")
 +
            setTimeout(function() {
 +
            $("style:eq(0)").remove();
 +
            }, 500);
 +
});
 +
</script>
 +
   
 +
    <script>
 +
        $(document).ready(function() {
 +
            var bio_data = [
 +
            {"name":"Pan Chu","photo_url":"https://static.igem.org/mediawiki/2016/a/a5/T--HZAU-China--chupan.jpg","question_1":"Quiz time about Boyao Zhang! Why is she labeled as 'the girl on fire?'","question_2":"</br>A.Hadn't noticed the burning alcohol lamp,she accidentally caught fire in the lab, driving her to change her hairstyle.</br></br>B. She once fired her boss and replaced him.</br></br>C.She is a fanatic fan of A SONG OF ICE AND FIRE.</br></br>D. She is a hot hipster.</br></br>E. All of the above.</br></br></br>The answer lies in the end of fire. "},
 +
            {"name":"Kangjian Hua","photo_url":"https://static.igem.org/mediawiki/2016/8/8a/T--HZAU-China--hua.jpg","question_1":"Hello! I'm Hua Kangjian. I have many interests, like programming and sci-fi movie, etc. This year, I'm responsible for mathemayical model in HZAU-China. Besides, I did some video to introduce our project. I like learning something I don't know before but I am interested in! Similarly, Our peoject this year is very interesting!","question_2":""},
 +
            {"name":"Boyao Zhang","photo_url":"https://static.igem.org/mediawiki/2016/0/09/T--HZAU-China--boyao.jpg","question_1":"Quiz time about Boyao Zhang! Why is she labeled as 'the girl on fire?'","question_2":"</br>A.Hadn't noticed the burning alcohol lamp,she accidentally caught fire in the lab, driving her to change her hairstyle.</br></br>B. She once fired her boss and replaced him.</br></br>C.She is a fanatic fan of A SONG OF ICE AND FIRE.</br></br>D. She is a hot hipster.</br></br>E. All of the above.</br></br></br>The answer lies in the end of fire. "},
 +
            {"name":"Bochen Cheng","photo_url":"https://static.igem.org/mediawiki/2016/6/6e/T--HZAU-China--bochen.jpg","question_1":"Quiz time about Boyao Zhang! Why is she labeled as 'the girl on fire?'","question_2":"i am xiaoxueba!"},
 +
            {"name":"Zenobia","photo_url":"https://static.igem.org/mediawiki/2016/2/2a/T--HZAU-China--xinran.jpg","question_1":"Zenobia is a senior student but the newest member of the team. She majors in bio-engineering but interest in sociology. She is the head of human practice but responsible for logistics of the team. She hates athletics but love swimming.","question_2":""},
 +
            {"name":"Zewen Ding","photo_url":"https://static.igem.org/mediawiki/2016/2/25/T--HZAU-China--dingzong.jpg","question_1":"Though not evidently seen, I am a lean boy who's trying to make it more evident by keeping fit.  I like listening to music while wandering along an empty street. Also, I am an utter do-it-yourselfer who hasn't come across anything that can't be dismantled so far, haha~ Wish to establish friendship with more people around the world. Moreover, relationship that is transcendent of friendship will be more welcomed!","question_2":""},
 +
            {"name":"Wen Wang","photo_url":"https://static.igem.org/mediawiki/2016/4/48/T--HZAU-China--wenge.jpg","question_1":"Quiz time about Boyao Zhang! Why is she labeled as 'the girl on fire?'","question_2":"i am xiaoxueba!"},
 +
            {"name":"Weitong Zhang ","photo_url":"https://static.igem.org/mediawiki/2016/a/a4/T--HZAU-China--weitong.jpg","question_1":"I am a member of the modeling crew and have built up our team’s wiki.Because I never working on wiki before, it is a little challenge to me,but the process of acquiring a new skill is excited. More importantly,learning about mathematical modeling is full of fun,and the days spent with my teammates is a priceless treasure for me!","question_2":""},
 +
            {"name":"Wenqi Huang","photo_url":"https://static.igem.org/mediawiki/2016/c/cb/T--HZAU-China--huang.jpg","question_1":"WENQI HUANG or JOHNSON HUANG","question_2":"UNDEGRADUATE. MALE. GENTLEMAN OR RATHER TO SAY TRYING TO BE GENTLEMAN. AN APPRENTICE IN IGEM TEAM. NOT SO CLEVER,SOMTIMES DUMB. A LITTLE BIT LAZY,BUT ALWAYS BE CURIOUS ABOUT SCIENCE. HUMOUR AND SOMETIMES NUTTY. EASY GOING. A LITTLE BIT ALTERNATE PERSONALITY. CONFIDENCE? NONE OF MY BUSINESS. SO ALL ABOVE,SOUNDS LIKE ME."},
 +
            {"name":"Jun Li ","photo_url":"https://static.igem.org/mediawiki/2016/3/32/T--HZAU-China--lijun.jpg","question_1":"Hello,everyone.It‘s me,Leo.This year is my second iGEM year.I am very glad to have a second journey in iGEM.Well,I like the ability to control something.In our project,Iam responsible for the light sensor of the bacteria and assisting two members from engineering college to construct devices for detection.For personal interest,I like the pop music which has clear rhythm and big beat. I also love the feeling of discovering and my life motto is:Life is tough,but you should be tougher.","question_2":""},
 +
            {"name":"Kening Chen ","photo_url":"https://static.igem.org/mediawiki/2016/8/83/T--HZAU-China--kening.jpg","question_1":"I am a third year student with a lot of interests. In the team I seemed to spend most of my time designing the web pages, although my main goal was to learn experimental skills from my partners. I do love painting, as much as other fun activities. But I decided to be a biologist in the end ！That's why I joined the team and will do more things in 2017 competition.","question_2":""},
 +
            {"name":"Haimeng Li ","photo_url":"https://static.igem.org/mediawiki/2016/8/85/T--HZAU-China--haimeng.jpg","question_1":"My name is Haimeng Li, I'm from a beautiful seaside city of weihai.I am 19 years old .As you can see, I am a very outgoing girl.I love a lot, I love guitar, love to read and love touring. My major is biological science. I not only like to do experiments, but also like to watch American TV series.I'm very glad to join in this competition.In  university, I have actively participate in various activities to enrich my university life.","question_2":""},
 +
            {"name":"Anqi Zhou","photo_url":"https://static.igem.org/mediawiki/2016/d/d9/T--HZAU-China--anqi.jpg","question_1":" Hi, I’m Anqi Zhou whose English name is Angela. As a team member in experiment group, not only have I learnt knowledge and experiment skills but also I have gained valuable friendship during this summer vacation. Mainly in charge of interLab and doing some other gene circle work in the group of riboswitch, doing experiments becomes part of my life. Best wishes to HZAU-China iGEM 2016, we’ll get wonderful grades.","question_2":""},
 +
            {"name":"Yichi Zhang","photo_url":"https://static.igem.org/mediawiki/2016/d/d8/T--HZAU-China--yichi.jpg","question_1":"I’m Zhang Yichi,born in GuangZhou,a beautiful dynamic city. I love playing badminton and swimming.My major is Bio-informatics .This is my first year to take part in Igem. Systems & Synthetic Biology is a new field to me.To learn more about synthetic biology, to explore more about science.I find that I acquired much more than expect.In this year,I took part in Human Practice.I wish I could make contribution to Modeling next year.","question_2":""},
 +
            {"name":"Qiqi xiong","photo_url":"https://static.igem.org/mediawiki/2016/6/6e/T--HZAU-China--qiqi.jpg","question_1":"Personal Information</br>Name : Qiqi Xiong</br>Sex : Female</br>Date of Birth : Mar. 2nd , 1997</br>Native Place : Yichang , Hubei</br>Address : Huazhong Agriculture University </br>E-mail : 739449234@qq.com</br>Major : Biotechnology</br>Role in iGEM : modeling</br>Summary of Abilities :  instruments such as the piano\ PS\ Matlab\ PyMOL</br>\ subtitling</br>Hobbies : badminton\ piano\ science fiction\  modeling\ travel\ listening to music\ computer\ anime and so on</br>Self-valuation : inherently optimistic character\ could cooperate with others well\ honest\ sureness\  have strong curiosity to the unknown\ have great interest in  microorganism\ the ability to improvise\  a good communicator \ ","question_2":""},
 +
            {"name":"Wentao Yu","photo_url":"https://static.igem.org/mediawiki/2016/c/c3/T--HZAU-China--yuwentao.jpg","question_1":"Male. Can ride motorcycle, cook delicious meals, but can't swim. Interested in fixing gadgets especially in carpentry. Used to fancy horticulture but not anymore. Lots of wished to fulfill, such as being a punster , but most avid to become someone  like Bear Grylls, a man who stands on top of food chain. Allow me to seek for friends on this platform, girlfriend especially. Thank you. ","question_2":""},
 +
            {"name":"Zhujun Xia","photo_url":"https://static.igem.org/mediawiki/2016/4/42/T--HZAU-China--nanshen.jpg","question_1":"Hello! you can call me Shane.I am full of passion to learn biology .This is my first time that I participate in IGEM where I met many interesting people. I take charge of work in wet lab.I hope that I can meet many people who are on the same wavelength in order to share the harvest.I think we will spare no effort to explore the unknown living world .","question_2":""},
 +
            {"name":"Jing Xiao","photo_url":"https://static.igem.org/mediawiki/2016/0/02/T--HZAU-China--background_element.png","question_1":"Quiz time about Boyao Zhang! Why is she labeled as 'the girl on fire?'","question_2":"i am xiaoxueba!"},
 +
            {"name":"Tengteng Wang","photo_url":"https://static.igem.org/mediawiki/2016/0/02/T--HZAU-China--background_element.png","question_1":"Quiz time about Boyao Zhang! Why is she labeled as 'the girl on fire?'","question_2":"i am xiaoxueba!"},
 +
            {"name":"Luyao Zhang","photo_url":"https://static.igem.org/mediawiki/2016/0/02/T--HZAU-China--background_element.png","question_1":"  Hello! My name is Zhang Luyao. I come from a beautiful city called Wenling in Zhejiang Province. I am an easygoing girl. I like jogging and badminton for refreshing me. Running along the lake is a happiness for me. And I am interested in biology which gives birth to miracle. I was into sight of iGEM by chance. At the meantime, it is a honor for me to join it. To be honest, I enjoy the time we fighting together.","question_2":""},
 +
            ];
 +
 +
            $('#portrait_container img').click(function() {
 +
                index = $(this).data('index');
 +
 +
                $("#spotlight_question_1 p").show();
 +
                $("#spotlight_question_2 p").show();
 +
                $("#spotlight_question_3 p").show();
 +
                $("#spotlight_image").show();
 +
                $("#spotlight_name").show();
 +
                $("#spotlight_question_intro").hide();
 +
                $("#spotlight_question_1").removeClass('intro_large');
 +
                $("#spotlight_question_2").removeClass('intro_large');
 +
                $("#spotlight_question_3").removeClass('intro_large');
 +
 +
                $("#spotlight_name").html(bio_data[index]["name"]);
 +
                $("#spotlight_question_1 p").html(bio_data[index]["question_1"]);
 +
                $("#spotlight_question_2 p").html(bio_data[index]["question_2"]);
 +
                $("#spotlight_image").attr('src', bio_data[index]["photo_url"]);
 +
            });
 +
 +
        });
 +
</script>
 +
   
 +
   
 +
   
 +
    </head>
 +
 +
    <body>
 +
 +
        <div style="margin:0px;">                 
 +
                           
 +
                    <figure style="margin:0px;">
 +
                        <img  data-sabglayer="2.5" src="hezhao.jpg" alt="cookies"  style="width:1366px;height:910px;margin:0;z-index:-1;margin:0;">
 +
                    </figure>
 +
                    <p id="Tittle" style="top:300px;left:500px;">HZAU-iGEM</p>
 +
                    <div class="BackGround">
 +
              <div class="body">
 +
                    <div id="portrait_container"class="right-photo" >
 +
                        <div >
 +
                            <img data-index='0' src="https://static.igem.org/mediawiki/2016/0/05/T--HZAU-China--Chupan.png">
 +
                            <img data-index='1' src="https://static.igem.org/mediawiki/2016/9/9f/T--HZAU-China--Hua.png">
 +
                            <img data-index='2' src="https://static.igem.org/mediawiki/2016/8/8c/T--HZAU-China--Byjj.png">
 +
                            <img data-index='3' src="https://static.igem.org/mediawiki/2016/c/c5/T--HZAU-China--Cbc.png">
 +
                            <img data-index='4' src="https://static.igem.org/mediawiki/2016/c/ce/T--HZAU-China--Xinr.png">
 +
                            <img data-index='5' src="https://static.igem.org/mediawiki/2016/7/76/T--HZAU-China--Ding.png">
 +
                            <img data-index='6' src="https://static.igem.org/mediawiki/2016/e/e9/T--HZAU-China--Wenge.png">
 +
                            <img data-index='7' src="https://static.igem.org/mediawiki/2016/3/30/T--HZAU-China--Weit.png">
 +
                            <img data-index='8' src="https://static.igem.org/mediawiki/2016/9/92/T--HZAU-China--Huang.png">
 +
                            <img data-index='9' src="https://static.igem.org/mediawiki/2016/3/35/T--HZAU-China--jun.png">
 +
                            <img data-index='10' src="https://static.igem.org/mediawiki/2016/1/14/T--HZAU-China--Ke.png">
 +
                            <img data-index='11' src="https://static.igem.org/mediawiki/2016/6/68/T--HZAU-China--Haim.png">
 +
                            <img data-index='12' src="https://static.igem.org/mediawiki/2016/d/dd/T--HZAU-China--Anqi.png">
 +
                            <img data-index='13' src="https://static.igem.org/mediawiki/2016/2/2e/T--HZAU-China--Yichi.png">
 +
                            <img data-index='14' src="https://static.igem.org/mediawiki/2016/5/5c/T--HZAU-China--Qiqi.png">
 +
                            <img data-index='15' src="https://static.igem.org/mediawiki/2016/e/ee/T--HZAU-China--Ywt.png">
 +
                            <img data-index='16' src="https://static.igem.org/mediawiki/2016/5/57/T--HZAU-China--Nanshen.png">
 +
                            <img data-index='17' src="https://static.igem.org/mediawiki/2016/9/95/T--HZAU-China--Xiaojing.png">
 +
                            <img data-index='18' src="https://static.igem.org/mediawiki/2016/c/ce/T--HZAU-China--Tengteng.png">
 +
                            <img data-index='19' src="https://static.igem.org/mediawiki/2016/a/ab/T--HZAU-China--ly.png">
 +
                        </div>
 +
                        <div >
 +
                        </div>
 +
                    </div>
 +
                    <div id='member_spotlight' class="left-photo">
 +
                        <div >
 +
                            <div>
 +
                                <div >
 +
                                    <img id='spotlight_image' src="https://static.igem.org/mediawiki/2014hs/a/ae/Chris_s.png" style='display:none;width:550px;margin-left:30%;margin-top:50px;'>
 +
                                </div>
 +
                                <div >
 +
                                    <h3 id='spotlight_name' style='text-align:center;display:none;'>Christopher Yen</h3>
 +
                                </div>
 +
                            </div>
 +
                            <div class="left-text">
 +
                                <div id='spotlight_question_1'>
 +
                                    <h5 style=''></h5>
 +
                                    <p style='display:none;'></p>
 +
                                </div>
 +
                                <div id='spotlight_question_2'>
 +
                                    <h5 style=''></h5>
 +
                                    <p style='display:none;'></p>
 +
                                </div>
 +
                                <div id='spotlight_question_intro'>
 +
                                    <h5 style=''></h5>
 +
                                    <p style='display:none;'></p>
 +
                                </div>
 +
                            </div>
 +
                        </div>                         
 +
 +
                    </div>
 +
                </div>
 +
              </div>
 +
 +
           
 +
        </div>   
 +
    </body>
 +
</html>

Revision as of 05:11, 19 October 2016

cookies

HZAU-iGEM