Team:USTC-Software/text

From 2012.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{Template:Team:USTC-Software/hidden}}
-
<html lang="en">
+
{{Template:Team:USTC-Software/global_header}}
-
    <head>
+
<html>
-
<meta charset="UTF-8" />
+
<head>
-
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
    <title>USTC-Software Team</title>
-
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
+
    <link rel="stylesheet" href="https://2012.igem.org/Team:USTC-Software/css/style?action=raw&ctype=text/css" type="text/css"/>
-
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:USTC-Software/home-n-css?action=raw&ctype=text/css" />
+
    <link rel="stylesheet" href="https://2012.igem.org/Team:USTC-Software/css/team_style?action=raw&ctype=text/css" type="text/css" media="screen" title="no title" charset="utf-8">
-
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/home-n-slider-js1?action=raw&ctype=text/javascript
+
    <link href='http://fonts.googleapis.com/css?family=Bubbler+One' rel='stylesheet' type='text/css'>
-
  "></script>
+
    <link href='http://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
-
<link href='http://fonts.googleapis.com/css?family=Economica:700,400italic' rel='stylesheet' type='text/css'>
+
    <link href='http://fonts.googleapis.com/css?family=Coda' rel='stylesheet' type='text/css'>
-
<style>
+
    <script src="https://2012.igem.org/Team:USTC-Software/js/jquery-1.7.1.min?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
-
 
+
   
-
body{
+
    <script type="text/javascript">
-
background:url(images/carbon_fibre.png);
+
        $(document).ready(function(){
-
}
+
            $('div.member_details').hide();
-
+
            $('div.member').click(function(){
-
#white_bar{
+
                $('div.member_details').hide();
-
position:relative;
+
                var detail = $(this).attr('id');
-
width:100%;
+
                $('div#'+detail+'-details').fadeIn('slow'); //  display the coresponding details
-
height:40px;
+
            });
-
background:url('https://static.igem.org/mediawiki/2012/0/03/Photo_zone_line.png') repeat-x;
+
            $('div.detail_close').click(function(){
-
+
                $(this).parents('div.member_details').fadeOut('speed'); // close the coresponding details
-
}
+
            });
-
.da-slide h2{/*set the slider font size and font family*/
+
        });
-
color: #fff;
+
    </script>
-
font-size: 46px;
+
   
-
width: 40%;
+
</head>
-
top: 60px;
+
<body>
-
white-space: nowrap;
+
   
-
z-index: 10;
+
    <!-- members' thumbnails -->
-
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
+
    <div id="member_feature_wrapper">
-
font-family: 'Economica', Arial, sans-serif;
+
        <div id="members">
-
font-weight: 200;
+
            <div id="meet-team"></div>
-
text-decoration:none;
+
           
-
}
+
            <div class="member" id="member-kai">    <div class="member-name"><h5>Kai Kang</h5></div>    </div>
-
.da-slide p{/*set the slider font size and font family*/
+
            <div class="member" id="member-kaifeng"> <div class="member-name"><h5>Kaifeng Chen</h5></div>   </div>
-
width: 40%;
+
            <div class="member" id="member-chao">    <div class="member-name"><h5>Chao Xu</h5></div>    </div>
-
top: 155px;
+
            <div class="member" id="member-litong">  <div class="member-name"><h5>Litong Jiang</h5></div>    </div>
-
color: #999;
+
            <div class="member" id="member-kaishuai"><div class="member-name"><h5>Kaishuai Yang</h5></div>    </div>
-
font-size: 21px;
+
            <div class="member" id="member-sen">    <div class="member-name"><h5>Sen Jiang</h5></div>    </div>
-
line-height: 26px;
+
            <div class="member" id="member-qi">      <div class="member-name"><h5>Qi Hu</h5></div>   </div>
-
height: 80px;
+
           
-
overflow: hidden;
+
-
font-style: italic;
+
-
font-family: 'Economica', Arial, sans-serif;
+
-
font-weight: 400;
+
-
font-style: italic;
+
-
}
+
-
.da-slide .da-link:hover{
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
</style>
+
-
             
+
-
        <noscript>
+
-
        <style>
+
-
+
-
.da-slide{
+
-
position: relative;
+
-
}
+
-
.da-slide h2,
+
-
.da-slide p,
+
-
.da-slide .da-link,
+
-
.da-slide .da-img{
+
-
position: absolute;
+
-
opacity: 1;
+
-
left: 10%;
+
-
}
+
-
.da-slide .da-img{
+
-
left: 60%;
+
-
}
+
-
.da-dots,
+
-
.da-arrows{
+
-
display: none;
+
-
}
+
-
  </style>
+
-
+
-
</noscript>
+
          
          
-
     </head>
+
            <!-- team logo -->
-
     <body>
+
            <div id="slogon"></div>
 +
        </div>
 +
     </div>
 +
     <!-- end of members' thumbnails -->
      
      
 +
    <!-- members' details -->
 +
    <div id="member_details_wrapper">
 +
        <div class="member_details" id="member-kai-details">
 +
            <div class="detail_close"></div>
 +
            <div class="details_member_name">
 +
                <p class="h1">Kai Kang</p>
 +
            </div>
 +
            <div class="member_photo" id="photo_kai"></div>
 +
            <div class="resume">
 +
                <p>Kai Kang, the team leader, is a senior undergraduate majoring in Optics at USTC. As the team leader, he participates in every major part of the project, from software programming to GUI design, from wiki development to human practice. </p>
 +
                <p>At school, he works at Key Laboratory of Quantum Information, CAS doing student researching. His researching interests include Optics and Optical sciences, Applied Physics, Computer vision and image processing. For more information, please visit <a href="http://home.ustc.edu.cn/~kangk">his home page</a>.</p>
 +
            </div>
 +
        </div>
 +
        <div class="member_details" id="member-kaifeng-details">
 +
            <div class="detail_close"></div>
 +
            <div class="details_member_name">
 +
                <p class="h1">Kaifeng Chen</p>
 +
            </div>
 +
            <div class="member_photo" id="photo_kaifeng"> </div>
 +
            <div class="resume">
 +
                <p>Kaifeng Chen is a senior undergraduate from the School of the Gifted Young(SGY) in USTC, and ranks No.1 among those who major in Physics in SGY. As a member of USTC-Software, he participates in software development and together with Chao Xu, builds Regulon Lib, an Clotho app for finding possible regulatory relations in Regulon DB.</p>
 +
                <p>At school, he works at Key Laboratory of Basic Plasma Physics, CAS & USTC, doing researches about classical SH model and Fokker-Planck equation. For more information, visit <a href="http://home.ustc.edu.cn/~ckfeng">his home page</a>.</p>
 +
            </div>
 +
        </div>
 +
        <div class="member_details" id="member-chao-details">
 +
            <div class="detail_close"></div>
 +
            <div class="details_member_name">
 +
                <p class="h1">Chao Xu</p>
 +
            </div>
 +
            <div class="member_photo" id="photo_chao"></div>
 +
            <div class="resume">
 +
                <p>Chao Xu is a sophomore undergraduate in USTC. When he joined the USTC-Software last winter, he was only a freshmen, but immediately showed his ability and talents in coding and software development. He participates in software development, and builds a Clotho app with Kaifeng Chen. He is also good at image and video editing, and helps edit videos and photos.</p>
 +
                <p>Although only a sophomore, he has decided to join the Kay Laboratory of Quantum Information, CAS to do some researches. The road ahead is hard and long, but he is following his dreams.</p>
 +
            </div>
 +
        </div>
 +
        <div class="member_details" id="member-litong-details">
 +
            <div class="detail_close"></div>
 +
            <div class="details_member_name">
 +
                <p class="h1">Litong Jiang</p>
 +
            </div>
 +
            <div class="member_photo" id="photo_litong"> </div>
 +
            <div class="resume">
 +
                <p>A junior student in USTC, Litong Jiang majors in theoretical physics. She participated in wiki development and, together with Yunlong Zheng, did significant work in human practice. She enjoys working with her teammates and learns a lot form them. All these experiences will help her in the future study and researches.</p>
 +
                <p>Unlike many girls, Litong chose theoretical physics as her major, and hopes to have some contribution in the area.</p>
 +
            </div>
 +
        </div>
 +
        <div class="member_details" id="member-kaishuai-details">
 +
            <div class="detail_close"></div>
 +
            <div class="details_member_name">
 +
                <p class="h1">Kaishuai Yang</p>
 +
            </div>
 +
            <div class="member_photo" id="photo_kaishuai"></div>
 +
            <div class="resume">
 +
                <p>Kaishuai Yang is now a second-year postgraduate in the<a href="http://theory.issp.ac.cn/index.html"> Research Laboratory for Computational Materials Sciences</a>, <a href="http://www.issp.cas.cn/">Institute of Solid State Physics</a>, <a href="http://www.cas.cn/">CAS</a> and studied in USTC for his first year. Kaishuai is a really hard-working guy and spent significant time learning web development. He spent the whole summer in USTC helping the team build the wiki site, and the team's final wiki is mainly based upon his work.</p>
 +
                <p>At present, he is studying at the Institute of Solid State Physics, CAS in Hefei and doing computational materials research there. For more information, just visit <a href="http://home.ustc.edu.cn/~yks1987/">his home page</a>.</p>
 +
            </div>
 +
        </div>
 +
        <div class="member_details" id="member-sen-details">
 +
            <div class="detail_close"></div>
 +
            <div class="details_member_name">
 +
                <p class="h1">Sen Jiang</p>
 +
            </div>
 +
            <div class="member_photo" id="photo_sen"></div>
 +
            <div class="resume">
 +
                <p>Sen Jiang, also know as JayXon, is a senior student in USTC. He is in charge of the GUI development of the project. In his spare time, he enjoys coding and has written many open-source softwares. With his experience of software development, the USTC-Software team is confident to build software with both performance and beauty.</p>
 +
                <p>He is running a website to share some of his softwares. Definitely check <a href="http://www.jayxon.com">this</a> out.</p>
 +
            </div>
 +
        </div>
 +
        <div class="member_details" id="member-qi-details">
 +
            <div class="detail_close"></div>
 +
            <div class="details_member_name">
 +
                <p class="h1">Qi Hu</p>
 +
            </div>
 +
            <div class="member_photo" id="photo_qi"></div>
 +
            <div class="resume">
 +
                <p>Qi Hu is a second-year postgraduate student in USTC. He is good at image and video editing and works in the promotion part of the team. He edited the <a href="https://2012.igem.org/Team:USTC-Software/hp.html#hp_intro">human practice video</a> and helped design posters, wiki and T-shirts.</p>
 +
                <p>He majors in Automation and now works under the guidance of <a href="http://staff.ustc.edu.cn/~xuems">Dr. Meishen Xue</a>. His research interests are in the wireless sensors network design, optimization of control and neural network. Go to <a href="http://home.ustc.edu.cn/~huqi100">his website</a> for more information.</p>
 +
            </div>
 +
        </div>
 +
        </div>
 +
    </div>
 +
       
 +
    </div>
      
      
-
          <!---the begin of slider div------>
+
    <div id="thanks"></div>
-
<div id="white_bar"></div>
+
    <div id="links"></div>
-
+
</body>
-
<div id="da-slider" class="da-slider">
+
-
<div class="da-slide">
+
-
<h2>USTC-Software</h2>
+
-
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
+
-
<a href="#" class="da-link">Read more</a>
+
-
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/1/11/Slider-imag1.png" width="480" height="330" alt="image01" /></div>
+
-
</div>
+
-
<div class="da-slide">
+
-
<h2>Welcome</h2>
+
-
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
+
-
<a href="#" class="da-link">Read more</a>
+
-
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/a/a2/USTC_Software_IF_LOGO_2400-400.png" width="480" height="330" alt="image02" /></div>
+
-
</div>
+
-
<div class="da-slide">
+
-
<h2>Warm welcome</h2>
+
-
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
+
-
<a href="#" class="da-link">Read more</a>
+
-
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png" width="480" height="330" alt="image03" /></div>
+
-
</div>
+
-
<div class="da-slide">
+
-
<h2>2012-ustc</h2>
+
-
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
+
-
<a href="#" class="da-link">Read more</a>
+
-
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/8/8a/Slider3.png" width="" height="" alt="image04" /></div>
+
-
</div>
+
-
<nav class="da-arrows">
+
-
<span class="da-arrows-prev"></span>
+
-
<span class="da-arrows-next"></span>
+
-
</nav>
+
-
</div> 
+
-
        <div id="white_bar"></div>  <!---the end of slider div------> 
+
-
       
+
-
       
+
-
       
+
-
 
+
-
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/home-n-slider-jquery-1.7.1.min.js?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/home-n-slider-js3?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript">
+
-
$(function() {
+
-
+
-
$('#da-slider').cslider({
+
-
autoplay : true,
+
-
bgincrement : 450
+
-
});
+
-
+
-
});
+
-
</script>
+
-
    </body>
+
</html>
</html>

Latest revision as of 14:06, 26 September 2012

global_header

igem
USTC-Software Team
Kai Kang
Kaifeng Chen
Chao Xu
Litong Jiang
Kaishuai Yang
Sen Jiang
Qi Hu

Kai Kang

Kai Kang, the team leader, is a senior undergraduate majoring in Optics at USTC. As the team leader, he participates in every major part of the project, from software programming to GUI design, from wiki development to human practice.

At school, he works at Key Laboratory of Quantum Information, CAS doing student researching. His researching interests include Optics and Optical sciences, Applied Physics, Computer vision and image processing. For more information, please visit his home page.

Kaifeng Chen

Kaifeng Chen is a senior undergraduate from the School of the Gifted Young(SGY) in USTC, and ranks No.1 among those who major in Physics in SGY. As a member of USTC-Software, he participates in software development and together with Chao Xu, builds Regulon Lib, an Clotho app for finding possible regulatory relations in Regulon DB.

At school, he works at Key Laboratory of Basic Plasma Physics, CAS & USTC, doing researches about classical SH model and Fokker-Planck equation. For more information, visit his home page.

Chao Xu

Chao Xu is a sophomore undergraduate in USTC. When he joined the USTC-Software last winter, he was only a freshmen, but immediately showed his ability and talents in coding and software development. He participates in software development, and builds a Clotho app with Kaifeng Chen. He is also good at image and video editing, and helps edit videos and photos.

Although only a sophomore, he has decided to join the Kay Laboratory of Quantum Information, CAS to do some researches. The road ahead is hard and long, but he is following his dreams.

Litong Jiang

A junior student in USTC, Litong Jiang majors in theoretical physics. She participated in wiki development and, together with Yunlong Zheng, did significant work in human practice. She enjoys working with her teammates and learns a lot form them. All these experiences will help her in the future study and researches.

Unlike many girls, Litong chose theoretical physics as her major, and hopes to have some contribution in the area.

Kaishuai Yang

Kaishuai Yang is now a second-year postgraduate in the Research Laboratory for Computational Materials Sciences, Institute of Solid State Physics, CAS and studied in USTC for his first year. Kaishuai is a really hard-working guy and spent significant time learning web development. He spent the whole summer in USTC helping the team build the wiki site, and the team's final wiki is mainly based upon his work.

At present, he is studying at the Institute of Solid State Physics, CAS in Hefei and doing computational materials research there. For more information, just visit his home page.

Sen Jiang

Sen Jiang, also know as JayXon, is a senior student in USTC. He is in charge of the GUI development of the project. In his spare time, he enjoys coding and has written many open-source softwares. With his experience of software development, the USTC-Software team is confident to build software with both performance and beauty.

He is running a website to share some of his softwares. Definitely check this out.

Qi Hu

Qi Hu is a second-year postgraduate student in USTC. He is good at image and video editing and works in the promotion part of the team. He edited the human practice video and helped design posters, wiki and T-shirts.

He majors in Automation and now works under the guidance of Dr. Meishen Xue. His research interests are in the wireless sensors network design, optimization of control and neural network. Go to his website for more information.

Retrieved from "http://2012.igem.org/Team:USTC-Software/text"