|
|
(52 intermediate revisions by 4 users not shown) |
Line 1: |
Line 1: |
− | {{USTC-Software/Header2}} | + | {{USTC-Software/html/header}} |
| + | |
| <html> | | <html> |
− | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/common?action=raw&ctype=text/css" /> | + | |
− | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/default?action=raw&ctype=text/css" />
| + | <link href="https://2019.igem.org/Template:USTC-Software/css/default?action=raw&ctype=text/css" rel="stylesheet" |
− | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/bootstrap?action=raw&ctype=text/css" />
| + | type="text/css"/> |
− | <script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/jquery?action=raw&ctype=text/javascript"></script>
| + | <link href="https://2019.igem.org/Template:USTC-Software/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" |
− | <script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/popper?action=raw&ctype=text/javascript"></script> | + | type="text/css"/> |
− | <script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/bootstrap?action=raw&ctype=text/javascript"></script> | + | <script src="https://2019.igem.org/Template:USTC-Software/js/jquery?action=raw&ctype=text/javascript" |
| + | type="text/javascript"></script> |
| + | <script src="https://2019.igem.org/Template:USTC-Software/js/popper?action=raw&ctype=text/javascript" |
| + | type="text/javascript"></script> |
| + | <script src="https://2019.igem.org/Template:USTC-Software/js/bootstrap?action=raw&ctype=text/javascript" |
| + | type="text/javascript"></script> |
| + | |
| + | <div class="autoMenu2" id="autoMenu2"></div> |
| <div class="container"> | | <div class="container"> |
− | <div class="row">
| + | <div class="row"> |
− | <div class="col-lg-2">
| + | <!-- <div class="col-lg-0">--> |
− | <!-- Visible only on lg .d-none .d-lg-block, see more https://getbootstrap.com/docs/4.0/utilities/display/-->
| + | <!-- <!– Visible only on lg .d-none .d-lg-block, see more https://getbootstrap.com/docs/4.0/utilities/display/–>--> |
− | <div class="autoMenu d-none d-lg-block" id="autoMenu" data-autoMenu></div>
| + | <!-- <div class="autoMenu d-none d-lg-block" data-autoMenu id="autoMenu"></div>--> |
− | </div>
| + | <!-- </div>--> |
− | <div class="col-lg-10 col-md-12">
| + | <div class="col-lg-12 col-md-12"> |
− | <div class="card page-content">
| + | <div class="card page-content"> |
− | <div class="card-body">
| + | <div class="card-body"> |
− | <h1>Team Members</h1> | + | <h1>Team</h1> |
− | <h3>Management</h3>
| + | <div class="psgImg"> |
− | <div class="card position-relative my-3">
| + | <video width="90%" height="480" controls> |
− | <div class="card-body position-relative">
| + | <source src="https://static.igem.org/mediawiki/2019/2/25/T--USTC-Software--team_video.mp4" type="video/mp4"> |
− | <div class="">
| + | </video> |
− | <div class="card-title">
| + | </div> |
− | <h4>Jin Li</h4>
| + | <br> |
− | <div class="small text-dark">A brief introduction, one line.</div>
| + | <div class="psgImg"> |
| + | <img src="https://static.igem.org/mediawiki/2019/b/b8/T--USTC-Software--team_all_members.jpg" alt=""> |
| + | </div> |
| + | <h1>Team Members</h1> |
| + | <h3>Management</h3> |
| + | <div class="card position-relative my-3"> |
| + | <div class="card-body position-relative"> |
| + | <div class=""> |
| + | <div class="card-title"> |
| + | <h4>Jin Li</h4> |
| + | <div class="small text-dark">Emotional and rational, being absorbed in mathematics.</div> |
| + | </div> |
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/f/fd/T--USTC-Software--team_lijin.jpg')"></div> |
| + | </div> |
| </div> | | </div> |
− | <div class="gender gender-man position-absolute d-inline-block"></div> | + | <div class="col-8"> |
− | <hr>
| + | <div class=""> |
− | <div class="row d-flex">
| + | <div class="intro"> |
− | <div class="col-4 d-flex justify-content-center align-items-center">
| + | <div class="text-dark card-title font-weight-bold">Leader of the Team</div> |
− | <div class="">
| + | <div class="passage"> |
− | <div class="avatar"></div> | + | I am Jin Li, currently a senior student from the School of Computer Science and Technology, |
| + | USTC, with major being CS and minor being Mathematics. I love this great competition with |
| + | the opportunity to work with my teammates and develop a useful software project. I enjoy |
| + | extending my research to multiple fields and communicating with others. This year I have |
| + | been impressed by my teammates for their enthusiasm and creativity, and I hope our work can |
| + | benefit others in Syn-Biology. |
| + | <br> |
| + | Visit my homepage for more info: http://home.ustc.edu.cn/~jarvis |
| + | |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="col">
| + | </div> |
− | <div class=""> | + | </div> |
− | <div class="intro">
| + | </div> |
− | <div class="text-dark card-title font-weight-bold">Leader of the Team</div>
| + | </div> |
− | <div>
| + | </div> |
− | This is some information about the member.
| + | <div class="card position-relative my-3"> |
− | This is some information about the member.
| + | <div class="card-body position-relative"> |
− | This is some information about the member.
| + | <div class=""> |
− | This is some information about the member.
| + | <div class="card-title"> |
− | This is some information about the member.
| + | <h4>Cheng Yang</h4> |
− | This is some information about the member.
| + | <div class="small text-dark">Energetic, patient and responsible person.</div> |
− | This is some information about the member.
| + | </div> |
− | </div> | + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/b/b9/T--USTC-Software--team_yangcheng.jpg')"></div> |
| + | </div> |
| + | </div> |
| + | <div class="col-8"> |
| + | <div class=""> |
| + | <div class="intro"> |
| + | <div class="text-dark card-title font-weight-bold">Manager of the Team</div> |
| + | <div class="passage"> |
| + | I'm Yang Cheng, 20 years old. I'm the manager of the USTC-Software. I like singing and |
| + | soccer. I'm energetic, patient and willing to take responsibilities when the teammates get |
| + | into problems. Maintaining the team’s balance and harmony is what I want. I think we are a |
| + | nice group and we are sure to success. You can contact me via the email: |
| + | yc1051619904@mail.ustc.edu.cn. |
| </div> | | </div> |
| </div> | | </div> |
Line 53: |
Line 105: |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="card position-relative my-3">
| + | </div> |
− | <div class="card-body position-relative">
| + | <h3>Backend</h3> |
− | <div class="">
| + | <div class="card position-relative my-3"> |
− | <div class="card-title">
| + | <div class="card-body position-relative"> |
− | <h4>Chen Yang</h4>
| + | <div class=""> |
− | <div class="small text-dark">A brief introduction, one line.</div>
| + | <div class="card-title"> |
| + | <h4>Huancheng Lin</h4> |
| + | <div class="small text-dark">Interested in programming algorithms and computer engineering.</div> |
| + | </div> |
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/1/1f/T--USTC-Software--team_lhc.png')"></div> |
| </div> | | </div> |
− | <div class="gender gender-man position-absolute d-inline-block"></div>
| + | </div> |
− | <hr>
| + | <div class="col-8"> |
− | <div class="row d-flex"> | + | <div class=""> |
− | <div class="col-4 d-flex justify-content-center align-items-center"> | + | <div class="intro"> |
− | <div class=""> | + | <div class="text-dark card-title font-weight-bold">Leader of the Backend Group</div> |
− | <div class="avatar"></div>
| + | <div class="passage"> |
| + | I'm Huancheng Lin, a student at the University of Science and Technology of China. Both |
| + | programming algorithms and computer engineering are what I'm interested in. Now I'm working |
| + | for USTC-Software as the backend team leader and responsible for coordinating the work of my |
| + | team members. Thanks to the IGEM, who provided me with a valuable opportunity to learn more |
| + | about biology and to improve my teamwork skills. |
| + | |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="col"> | + | </div> |
− | <div class="">
| + | </div> |
− | <div class="intro">
| + | </div> |
− | <div class="text-dark card-title font-weight-bold">Manager of the Team</div>
| + | </div> |
− | <div>
| + | </div> |
− | This is some information about the member.
| + | </div> |
− | This is some information about the member.
| + | <div class="card position-relative my-3"> |
− | This is some information about the member.
| + | <div class="card-body position-relative"> |
− | This is some information about the member.
| + | <div class=""> |
− | This is some information about the member.
| + | <div class="card-title"> |
− | This is some information about the member.
| + | <h4>Keyu Tao</h4> |
− | This is some information about the member.
| + | <div class="small text-dark">Having fun in building the project.</div> |
− | </div>
| + | </div> |
− | </div>
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/7/7f/T--USTC-Software--team_tky.png')"></div> |
| + | </div> |
| + | </div> |
| + | <div class="col-8"> |
| + | <div class=""> |
| + | <div class="intro"> |
| + | <div class="text-dark card-title font-weight-bold">Vice Leader of the Backend Group</div> |
| + | <div class="passage"> |
| + | I'm Keyu Tao, majored in Computer Science, USTC. As a member of the backend team, it's great |
| + | to build a big project, collaborating with all my teammates. With our team, I have learned a |
| + | lot about Synthetic Biology, Software Engineering, and communicating with others. I feel |
| + | happy to meet everyone else in our team. |
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 88: |
Line 172: |
| </div> | | </div> |
| </div> | | </div> |
− | <h3>Backend</h3> | + | </div> |
− | <div class="card position-relative my-3">
| + | </div> |
− | <div class="card-body position-relative">
| + | <div class="card position-relative my-3"> |
− | <div class="">
| + | <div class="card-body position-relative"> |
− | <div class="card-title">
| + | <div class=""> |
− | <h4>Huancheng Lin</h4>
| + | <div class="card-title"> |
− | <div class="small text-dark">A brief introduction, one line.</div>
| + | <h4>Jianyu Wei</h4> |
| + | <div class="small text-dark">Interested in coding.</div> |
| + | </div> |
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/c/c7/T--USTC-Software--team_wjy.jpg')"></div> |
| + | </div> |
| </div> | | </div> |
− | <div class="gender gender-man position-absolute d-inline-block"></div> | + | <div class="col-8"> |
− | <hr>
| + | <div class=""> |
− | <div class="row d-flex">
| + | <div class="intro"> |
− | <div class="col-4 d-flex justify-content-center align-items-center">
| + | <div class="text-dark card-title font-weight-bold">Member of the Backend Group</div> |
− | <div class="">
| + | <div class="passage"> |
− | <div class="avatar"></div> | + | I'm Jianyu Wei, a junior majoring in Computer Science and Technology. I joined USTC Software |
| + | out of interest in coding and its amazing application to the synthetic biologic field. I'm |
| + | very excited to be able to implement our great idea with coding and do some contribution to |
| + | synthetic biologic. I have learned a lot in both fields of computer science and biologic and |
| + | get to know the best teammates during my participation in this contest. So give sincere thanks |
| + | to iGEM and good luck to all the teams. |
| + | |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="col">
| + | </div> |
− | <div class=""> | + | </div> |
− | <div class="intro">
| + | </div> |
− | <div class="text-dark card-title font-weight-bold">Leader of the Backend Group</div>
| + | </div> |
− | <div>
| + | </div> |
− | This is some information about the member.
| + | <div class="card position-relative my-3"> |
− | This is some information about the member.
| + | <div class="card-body position-relative"> |
− | This is some information about the member.
| + | <div class=""> |
− | This is some information about the member.
| + | <div class="card-title"> |
− | This is some information about the member.
| + | <h4>Jiawei Fu</h4> |
− | This is some information about the member.
| + | <div class="small text-dark">Linux system administrator and DevOps engineer.</div> |
− | This is some information about the member.
| + | </div> |
− | </div> | + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/8/8f/T--USTC-Software--team_fujiawei.jpg')"></div> |
| + | </div> |
| + | </div> |
| + | <div class="col-8"> |
| + | <div class=""> |
| + | <div class="intro"> |
| + | <div class="text-dark card-title font-weight-bold">Member of the Backend Group</div> |
| + | <div class="passage"> |
| + | I am Jiawei Fu a.k.a. iBug from University of Science and Technology of China. I am primary a |
| + | developer, but often a Linux system administrator and DevOps engineer as well. On the Internet |
| + | I'm mostly active on GitHub and Stack Overflow. I write fast code and build reliable systems |
| + | from day to day. You can read more about me at my website: https://ibugone.com/about |
| + | |
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 124: |
Line 242: |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="card position-relative my-3">
| + | </div> |
− | <div class="card-body position-relative">
| + | <div class="card position-relative my-3"> |
− | <div class="">
| + | <div class="card-body position-relative"> |
− | <div class="card-title">
| + | <div class=""> |
− | <h4>Keyu Tao</h4>
| + | <div class="card-title"> |
− | <div class="small text-dark">A brief introduction, one line.</div>
| + | <h4>Zeyu Gao</h4> |
| + | <div class="small text-dark">Responsible for database integration.</div> |
| + | </div> |
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image:url('https://static.igem.org/mediawiki/2019/2/26/T--USTC-Software--team_gaozeyu.jpg')"></div> |
| + | </div> |
| </div> | | </div> |
− | <div class="gender gender-man position-absolute d-inline-block"></div> | + | <div class="col-8"> |
− | <hr>
| + | <div class=""> |
− | <div class="row d-flex">
| + | <div class="intro"> |
− | <div class="col-4 d-flex justify-content-center align-items-center">
| + | <div class="text-dark card-title font-weight-bold">Member of the Backend Group</div> |
− | <div class="">
| + | <div class="passage"> |
− | <div class="avatar"></div> | + | I am Zeyu Gao from USTC majored in Information Security. During the development of the backend |
| + | part of Foresyn, I am mainly responsible for database integration, implementing the database |
| + | searching function and display of biological models. Overall, it is a memorable experience and |
| + | a precious opportunity to work for this project, cooperating with all my talented and |
| + | outstanding teammates, from whom I learned a lot. In this project, we have deepened our |
| + | understanding of Computer Science and Synthetic biology, combing them using our knowledge. By |
| + | the way, I am a member of USTC Linux User Group, a big fan of Linux, Movie “Frozen” and Harry |
| + | Potter. Thank iGEM for bringing us together. |
| + | |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="col">
| + | </div> |
− | <div class=""> | + | </div> |
− | <div class="intro">
| + | </div> |
− | <div class="text-dark card-title font-weight-bold">Vice Leader of the Backend Group</div>
| + | </div> |
− | <div>
| + | </div> |
− | This is some information about the member.
| + | <div class="card position-relative my-3"> |
− | This is some information about the member.
| + | <div class="card-body position-relative"> |
− | This is some information about the member.
| + | <div class=""> |
− | This is some information about the member.
| + | <div class="card-title"> |
− | This is some information about the member.
| + | <h4>Yuxuan Lei</h4> |
− | This is some information about the member.
| + | <div class="small text-dark">Interested in data science and artificial intelligence.</div> |
− | This is some information about the member.
| + | </div> |
− | </div> | + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image:url('https://static.igem.org/mediawiki/2019/7/72/T--USTC-Software--team_leiyuxuan.png')"></div> |
| + | </div> |
| + | </div> |
| + | <div class="col-8"> |
| + | <div class=""> |
| + | <div class="intro"> |
| + | <div class="text-dark card-title font-weight-bold">Member of the Backend Group</div> |
| + | <div class="passage"> |
| + | I'm Yuxuan Lei, a sophomore student majored in computer science, from University of Science |
| + | and Technology of China. My interests are data science and artificial intelligence. In the |
| + | USTC Software team, I am pleasantly to be a member of the backend. Through the preparation for |
| + | the competition, I've learned a lot by searching and reading some documents as well as getting |
| + | help from my teammates. I enjoy this precious experience and believe that the striving of our |
| + | whole team will bring us fortune and abilities. |
| </div> | | </div> |
| </div> | | </div> |
Line 159: |
Line 313: |
| </div> | | </div> |
| </div> | | </div> |
− | <h3>Fronted</h3>
| + | </div> |
− | <div class="card position-relative my-3">
| + | <div class="card position-relative my-3"> |
− | <div class="card-body position-relative">
| + | <div class="card-body position-relative"> |
− | <div class="">
| + | <div class=""> |
− | <div class="card-title">
| + | <div class="card-title"> |
− | <h4>Shun Zuo</h4>
| + | <h4>Bingchen Li</h4> |
− | <div class="small text-dark">A brief introduction, one line.</div>
| + | <div class="small text-dark">Doing my best to fulfill our goal.</div> |
| + | </div> |
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image:url('https://static.igem.org/mediawiki/2019/6/6d/T--USTC-Software--team_libingcheng.jpg')"></div> |
| + | </div> |
| </div> | | </div> |
− | <div class="gender gender-man position-absolute d-inline-block"></div> | + | <div class="col-8"> |
− | <hr>
| + | <div class=""> |
− | <div class="row d-flex">
| + | <div class="intro"> |
− | <div class="col-4 d-flex justify-content-center align-items-center">
| + | <div class="text-dark card-title font-weight-bold">Member of the Backend Group</div> |
− | <div class="">
| + | <div class="passage"> |
− | <div class="avatar"></div> | + | I’m Bingchen Li, a student from USTC. Now I’m learning AI technology. As a member of backend |
| + | team, I’m doing my best to fulfill our goal: that is to be the best software team of this |
| + | year. Working in backend part helps me realized that: everything has to have foundation, and |
| + | there has to be someone to finish this difficult job. Although fundamental codes are |
| + | complexed, I still chose to join backend team, because I’d love to do the basic things, and to |
| + | be the important one in the team. Thanks to this competition, without it I couldn’t meet this |
| + | many friends. Wish us good luck. |
| + | |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="col">
| + | </div> |
− | <div class=""> | + | </div> |
− | <div class="intro">
| + | </div> |
− | <div class="text-dark card-title font-weight-bold">Leader of the Frontend Group</div>
| + | </div> |
− | <div>
| + | </div> |
− | This is some information about the member.
| + | <div class="card position-relative my-3"> |
− | This is some information about the member.
| + | <div class="card-body position-relative"> |
− | This is some information about the member.
| + | <div class=""> |
− | This is some information about the member.
| + | <div class="card-title"> |
− | This is some information about the member.
| + | <h4>Yulong Ming</h4> |
− | This is some information about the member.
| + | <div class="small text-dark">A fan of Linux.</div> |
− | This is some information about the member.
| + | </div> |
− | </div> | + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image:url('https://static.igem.org/mediawiki/2019/f/ff/T--USTC-Software--team_minhyulong.jpg')"></div> |
| + | </div> |
| + | </div> |
| + | <div class="col-8"> |
| + | <div class=""> |
| + | <div class="intro"> |
| + | <div class="text-dark card-title font-weight-bold">Member of the Backend Group</div> |
| + | <div class="passage"> |
| + | I am Yulong Ming, a sophomore at the University of Science and Technology of China, majored in |
| + | Computer Science. My interests are architecture, distribution and artificial intelligence. I |
| + | am also a fan of Linux. I am a member of USTC Linux User Group, and in my daily life I use |
| + | Arch Linux on my personal computer. As a member of the iGEM backend group, I am responsible |
| + | for storage and computation for the user-scoped biological data. Cooperating with my great |
| + | teammates to overcome various difficulties, not only have I learned a quantity of code |
| + | solution, but gained precious friendship between others. Thank iGEM for making us together. |
| </div> | | </div> |
| </div> | | </div> |
Line 195: |
Line 384: |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="card position-relative my-3">
| + | </div> |
| + | <div class="card position-relative my-3"> |
| <div class="card-body position-relative"> | | <div class="card-body position-relative"> |
| <div class=""> | | <div class=""> |
| <div class="card-title"> | | <div class="card-title"> |
− | <h4>Zhexin Jin</h4> | + | <h4>Liu Shige</h4> |
− | <div class="small text-dark">A brief introduction, one line.</div> | + | <div class="small text-dark">Interested in programming.</div> |
| </div> | | </div> |
| <div class="gender gender-man position-absolute d-inline-block"></div> | | <div class="gender gender-man position-absolute d-inline-block"></div> |
Line 207: |
Line 397: |
| <div class="col-4 d-flex justify-content-center align-items-center"> | | <div class="col-4 d-flex justify-content-center align-items-center"> |
| <div class=""> | | <div class=""> |
− | <div class="avatar"></div> | + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/f/fd/T--USTC-Software--team_liushige.jpg')"></div> |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="col"> | + | <div class="col-8"> |
| <div class=""> | | <div class=""> |
| <div class="intro"> | | <div class="intro"> |
− | <div class="text-dark card-title font-weight-bold">Member of the Frontend Group</div> | + | <div class="text-dark card-title font-weight-bold">Member of the Backend Group</div> |
− | <div> | + | <div class="passage"> |
− | This is some information about the member.
| + | I’m Liu Shige, a sophomore student from the University of Science and Technology of China. |
− | This is some information about the member.
| + | I’m interested in programming and I’m willing to try something new and challenging. |
− | This is some information about the member.
| + | It’s very exciting to have the chance to participate in this project, |
− | This is some information about the member.
| + | and the cooperation with our excellent teammates is quite an unforgettable experience, |
− | This is some information about the member.
| + | from which I have learned a lot. Sincere blessing for our best team! |
− | This is some information about the member.
| + | |
− | This is some information about the member.
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 230: |
Line 418: |
| </div> | | </div> |
| </div> | | </div> |
− | <h3>Art</h3>
| + | |
− | <div class="card position-relative my-3">
| + | <h3>Frontend</h3> |
− | <div class="card-body position-relative">
| + | <div class="card position-relative my-3"> |
− | <div class="">
| + | <div class="card-body position-relative"> |
− | <div class="card-title">
| + | <div class=""> |
− | <h4>Ziyi Zhuang</h4>
| + | <div class="card-title"> |
− | <div class="small text-dark">A brief introduction, one line.</div>
| + | <h4>Shun Zuo</h4> |
| + | <div class="small text-dark">I code, therefor I am.</div> |
| + | </div> |
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/2/2d/T--USTC-Software--team_shunzuo.jpg')"></div> |
| + | </div> |
| </div> | | </div> |
− | <div class="gender gender-woman position-absolute d-inline-block"></div> | + | <div class="col-8"> |
− | <hr>
| + | <div class=""> |
− | <div class="row d-flex">
| + | <div class="intro"> |
− | <div class="col-4 d-flex justify-content-center align-items-center">
| + | <div class="text-dark card-title font-weight-bold">Leader of the Frontend Group</div> |
− | <div class="">
| + | <div class="passage"> |
− | <div class="avatar"></div> | + | My name is Shun Zuo, majored in Computer Science, USTC. I have to admit that I really |
| + | learned a lot during the development process. I have a better command of the technology of |
| + | front-end development and have learned how to work together by using the version control |
| + | system. Also, I have realized that it is teamwork that helps us to complete our project. It |
| + | is nice to get our project done, which brings me the sense of accomplishment. Want to know |
| + | more? Please visit the following website for more information: http://www.zsstrike.top. |
| + | |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="col">
| + | </div> |
− | <div class=""> | + | </div> |
− | <div class="intro">
| + | </div> |
− | <div class="text-dark card-title font-weight-bold">Leader of the Art Group</div>
| + | </div> |
− | <div>
| + | </div> |
− | This is some information about the member.
| + | <div class="card position-relative my-3"> |
− | This is some information about the member.
| + | <div class="card-body position-relative"> |
− | This is some information about the member.
| + | <div class=""> |
− | This is some information about the member.
| + | <div class="card-title"> |
− | This is some information about the member.
| + | <h4>Rui Wang</h4> |
− | This is some information about the member.
| + | <div class="small text-dark">Responsible for the wiki design.</div> |
− | This is some information about the member.
| + | </div> |
− | </div>
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/b/b3/T--USTC-Software--team_wangrui.jpg')"></div> |
| + | </div> |
| + | </div> |
| + | <div class="col-8"> |
| + | <div class=""> |
| + | <div class="intro"> |
| + | <div class="text-dark card-title font-weight-bold">Leader of the Frontend Group</div> |
| + | <div class="passage"> |
| + | I am Wang Rui from USTC, and I major in Computer Science and Technology. In our team, I am |
| + | mainly responsible for the wiki design. I like to design web pages as I want, and I think it |
| + | is a good way to show my thoughts. By participating in the iGEM Competition, I have met many |
| + | challenges, but I enjoy the process of solving them. |
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 266: |
Line 487: |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="card position-relative my-3">
| + | </div> |
− | <div class="card-body position-relative">
| + | <div class="card position-relative my-3"> |
− | <div class="">
| + | <div class="card-body position-relative"> |
− | <div class="card-title">
| + | <div class=""> |
− | <h4>Siyuan Zhang</h4>
| + | <div class="card-title"> |
− | <div class="small text-dark">A brief introduction, one line.</div>
| + | <h4>Zhexin Jin</h4> |
| + | <div class="small text-dark">Responsible for web front programming.</div> |
| + | </div> |
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/8/8c/T--USTC-Software--team_jinzhexin.jpg')"> |
| + | |
| + | </div> |
| + | </div> |
| </div> | | </div> |
− | <div class="gender gender-man position-absolute d-inline-block"></div> | + | <div class="col-8"> |
− | <hr>
| + | <div class=""> |
− | <div class="row d-flex">
| + | <div class="intro"> |
− | <div class="col-4 d-flex justify-content-center align-items-center">
| + | <div class="text-dark card-title font-weight-bold">Member of the Frontend Group</div> |
− | <div class="">
| + | <div class="passage"> |
− | <div class="avatar"></div> | + | I’m Zhexin Jin, a member of USTC (University Of Science And Technology Of China) software |
| + | team. Computer science is my major subject. In our project, I am responsible for web front |
| + | programming bacause I enjoy making some beautiful things. I'm glad to discuss computer |
| + | technology with you! |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="col">
| + | </div> |
− | <div class=""> | + | </div> |
− | <div class="intro">
| + | </div> |
− | <div class="text-dark card-title font-weight-bold">Vice Leader of the Art Group</div>
| + | </div> |
− | <div>
| + | </div> |
− | This is some information about the member.
| + | <h3>Art</h3> |
− | This is some information about the member.
| + | <div class="card position-relative my-3"> |
− | This is some information about the member.
| + | <div class="card-body position-relative"> |
− | This is some information about the member.
| + | <div class=""> |
− | This is some information about the member.
| + | <div class="card-title"> |
− | This is some information about the member.
| + | <h4>Siyuan Zhang</h4> |
− | This is some information about the member.
| + | <div class="small text-dark">Taking and editing videos.</div> |
− | </div>
| + | </div> |
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/a/a4/T--USTC-Software--team_zhangsiyuan.jpg')"></div> |
| + | </div> |
| + | </div> |
| + | <div class="col-8"> |
| + | <div class=""> |
| + | <div class="intro"> |
| + | <div class="text-dark card-title font-weight-bold">Leader of the Art Group</div> |
| + | <div class="passage"> |
| + | I'm Siyuan Zhang from School of Gifted Young, USTC. I'm in charge of art work in our team. My |
| + | job is taking and editing videos, as well as helping design our card game and the website. Our |
| + | art workers are brilliant and can always surprise me. I feel happy to have the chance to work |
| + | with them. |
| </div> | | </div> |
| </div> | | </div> |
Line 301: |
Line 554: |
| </div> | | </div> |
| </div> | | </div> |
− | <h3>Biology</h3>
| + | </div> |
− | <div class="card position-relative my-3">
| + | <div class="card position-relative my-3"> |
− | <div class="card-body position-relative">
| + | <div class="card-body position-relative"> |
− | <div class="">
| + | <div class=""> |
− | <div class="card-title">
| + | <div class="card-title"> |
− | <h4>Mingyu Pu</h4>
| + | <h4>Ziyi Zhuang</h4> |
− | <div class="small text-dark">A brief introduction, one line.</div>
| + | <div class="small text-dark">Learned a lot of knowledge through this activity.</div> |
| + | </div> |
| + | <div class="gender gender-woman position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/d/de/T--USTC-Software--team_zhunagziyi.jpg')"></div> |
| + | </div> |
| </div> | | </div> |
− | <div class="gender gender-woman position-absolute d-inline-block"></div> | + | <div class="col-8"> |
− | <hr>
| + | <div class=""> |
− | <div class="row d-flex">
| + | <div class="intro"> |
− | <div class="col-4 d-flex justify-content-center align-items-center">
| + | <div class="text-dark card-title font-weight-bold">Vice Leader of the Art Group</div> |
− | <div class="">
| + | <div class="passage"> |
− | <div class="avatar"></div> | + | I'm Zhuang Ziyi, majored in Electronic Engineering, USTC. As the art team leader, I've |
| + | participated in a lot of art works with my partners, including the designing of web, videos, |
| + | game cards and so on. Moreover, I've polished my skills and learned a lot of knowledge |
| + | through this activity. And personally, it's a wonderful experience for me because it's |
| + | fortunate to make friends with these funny guys. |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="col">
| + | </div> |
− | <div class=""> | + | </div> |
− | <div class="intro">
| + | </div> |
− | <div class="text-dark card-title font-weight-bold">Leader of the Biology Group</div>
| + | </div> |
− | <div>
| + | </div> |
− | This is some information about the member.
| + | <div class="card position-relative my-3"> |
− | This is some information about the member.
| + | <div class="card-body position-relative"> |
− | This is some information about the member.
| + | <div class=""> |
− | This is some information about the member.
| + | <div class="card-title"> |
− | This is some information about the member.
| + | <h4>Hongrui Liu</h4> |
− | This is some information about the member.
| + | <div class="small text-dark">Responsible for the advertising video and game card.</div> |
− | This is some information about the member.
| + | </div> |
− | </div> | + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/3/30/T--USTC-Software--team_liuhongrui.jpg')"></div> |
| + | </div> |
| + | </div> |
| + | <div class="col-8"> |
| + | <div class=""> |
| + | <div class="intro"> |
| + | <div class="text-dark card-title font-weight-bold">Member of the Art Group</div> |
| + | <div class="passage"> |
| + | I am Hongrui Liu from CS college of USTC. I'm a member of the art team, |
| + | which is responsible for the advertising video and all the patterns of the game card. |
| + | It's my pleasure to work with so many talented friends. Considering our hard work, |
| + | I'm sure we will make it. |
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 337: |
Line 620: |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="card position-relative my-3">
| + | </div> |
− | <div class="card-body position-relative">
| + | <div class="card position-relative my-3"> |
− | <div class="">
| + | <div class="card-body position-relative"> |
− | <div class="card-title">
| + | <div class=""> |
− | <h4>Suyang Zhong</h4>
| + | <div class="card-title"> |
− | <div class="small text-dark">A brief introduction, one line.</div>
| + | <h4>Jia Xiang</h4> |
| + | <div class="small text-dark">Work with AE, PS and PR.</div> |
| + | </div> |
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/8/8d/T--USTC-Software--team_xiangjia.jpg')"></div> |
| + | </div> |
| </div> | | </div> |
− | <div class="gender gender-man position-absolute d-inline-block"></div> | + | <div class="col-8"> |
− | <hr>
| + | <div class=""> |
− | <div class="row d-flex">
| + | <div class="intro"> |
− | <div class="col-4 d-flex justify-content-center align-items-center">
| + | <div class="text-dark card-title font-weight-bold">Member of the Backend Group</div> |
− | <div class="">
| + | <div class="passage"> |
− | <div class="avatar"></div> | + | I am Jia Xiang from School of Computer Science USTC.I'm in the art team since I have the quality of |
| + | imagination. My task is to sit in front of my computer and work with AE, PS and PR |
| + | to make our work easy to understand. Nothing is more fulfilling than finish a poster and video to me. |
| + | |
| + | </div> |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="col">
| + | </div> |
− | <div class=""> | + | </div> |
− | <div class="intro">
| + | </div> |
− | <div class="text-dark card-title font-weight-bold">Vice Leader of the Biology Group</div>
| + | </div> |
− | <div>
| + | </div> |
− | This is some information about the member.
| + | <div class="card position-relative my-3"> |
− | This is some information about the member.
| + | <div class="card-body position-relative"> |
− | This is some information about the member.
| + | <div class=""> |
− | This is some information about the member.
| + | <div class="card-title"> |
− | This is some information about the member.
| + | <h4>Shengzhu Fu</h4> |
− | This is some information about the member.
| + | <div class="small text-dark">Responsible for Graphic design.</div> |
− | This is some information about the member.
| + | </div> |
− | </div>
| + | <div class="gender gender-woman position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/d/d5/T--USTC-Software--team_fushengzhu.jpg')"></div> |
| + | </div> |
| + | </div> |
| + | <div class="col-8"> |
| + | <div class=""> |
| + | <div class="intro"> |
| + | <div class="text-dark card-title font-weight-bold">Member of the Backend Group</div> |
| + | <div class="passage"> |
| + | My name is Shengzhu Fu from USTC. I am a member of Art team of USTC-Software. I am mainly |
| + | responsible for Graphic design and I helped develop storyboard and character in popular |
| + | science animation and peripheral game cards designing of IGEM. It is a pleasure to work with |
| + | my teammates. |
| </div> | | </div> |
| </div> | | </div> |
Line 373: |
Line 685: |
| </div> | | </div> |
| </div> | | </div> |
| + | <h3>Biology</h3> |
| + | <div class="card position-relative my-3"> |
| + | <div class="card-body position-relative"> |
| + | <div class=""> |
| + | <div class="card-title"> |
| + | <h4>Suyang Zhong</h4> |
| + | <div class="small text-dark">Games are my favorite thing.</div> |
| + | </div> |
| + | <div class="gender gender-man position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/4/41/T--USTC-Software--team_zhongshuoyang.jpg')"></div> |
| + | </div> |
| + | </div> |
| + | <div class="col-8"> |
| + | <div class=""> |
| + | <div class="intro"> |
| + | <div class="text-dark card-title font-weight-bold">Leader of the Biology Group</div> |
| + | <div class="passage"> |
| + | I am Suyang Zhong, a sophomore from the School of Computer Science and Technology of USTC. I |
| + | am the biology group leader. With my enthusiasm for synthetic biology and my knowledge |
| + | learned in computer science, I helped our team build our software perfectly satisfy the |
| + | biologists' needs. Besides reading papers and project investigations, I designed a board |
| + | game as well. It's really fantastic for me to cooperate with such fantastic teammates. |
| + | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="card position-relative my-3"> |
| + | <div class="card-body position-relative"> |
| + | <div class=""> |
| + | <div class="card-title"> |
| + | <h4>Mingyu Pu</h4> |
| + | <div class="small text-dark">Taking great interest in biology.</div> |
| + | </div> |
| + | <div class="gender gender-woman position-absolute d-inline-block"></div> |
| + | <hr> |
| + | <div class="row d-flex"> |
| + | <div class="col-4 d-flex justify-content-center align-items-center"> |
| + | <div class=""> |
| + | <div class="avatar" style="background-image: url('https://static.igem.org/mediawiki/2019/6/63/T--USTC-Software--team_pumingyu.jpg')"></div> |
| + | </div> |
| + | </div> |
| + | <div class="col-8"> |
| + | <div class=""> |
| + | <div class="intro"> |
| + | <div class="text-dark card-title font-weight-bold">Vice Leader of the Biology Group</div> |
| + | <div class="passage"> |
| + | I am Mingyu Pu. Although now I majored in Computer Science, I take great interest in |
| + | biology, and I have read a lot of university textbooks of biology. As the biology group |
| + | leader, I take an active part in this team by collecting information and read papers related |
| + | to synthetic biology. Through this competition, I made a lot of interesting friends and |
| + | realized that computer science and biology can be well connected. And I think I might do |
| + | some works relating to it in the future. |
| + | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| </div> | | </div> |
| </div> | | </div> |
| </div> | | </div> |
− |
| |
− |
| |
| </div> | | </div> |
− | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/pageContent?action=raw&ctype=text/css" />
| |
− |
| |
− | <!-- auto menu-->
| |
− | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:USTC-Software/css/autoMenu?action=raw&ctype=text/css" />
| |
− | <script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/autoMenu?action=raw&ctype=text/javascript"></script>
| |
| | | |
| | | |
| + | </div> |
| + | |
| + | <link href="https://2019.igem.org/Template:USTC-Software/css/pageContent?action=raw&ctype=text/css" rel="stylesheet"> |
| + | <!-- auto menu--> |
| + | <!--<link href="https://2019.igem.org/Template:USTC-Software/css/autoMenu?action=raw&ctype=text/css" rel="stylesheet">--> |
| + | <!--<script src="https://2019.igem.org/Template:USTC-Software/js/autoMenu?action=raw&ctype=text/javascript"></script>--> |
| + | <link href="https://2019.igem.org/Template:USTC-Software/css/autoMenu2?action=raw&ctype=text/css" rel="stylesheet"> |
| + | <script src="https://2019.igem.org/Template:USTC-Software/js/autoMenu2?action=raw&ctype=text/javascript"></script> |
| <!-- makeIndexFixed--> | | <!-- makeIndexFixed--> |
− | <script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/makeIndexFixed?action=raw&ctype=text/javascript"></script> | + | <script src="https://2019.igem.org/Template:USTC-Software/js/makeIndexFixed?action=raw&ctype=text/javascript"></script> |
− | <script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/addScrollBar?action=raw&ctype=text/javascript"></script>
| + | |
− | <script type="text/javascript" src="https://2019.igem.org/Template:USTC-Software/js/addBackground?action=raw&ctype=text/javascript"></script>
| + | |
| | | |
− | <style>
| + | <script src="https://2019.igem.org/Template:USTC-Software/js/addScrollBar?action=raw&ctype=text/javascript"></script> |
| | | |
− | .gender {
| + | <script src="https://2019.igem.org/Template:USTC-Software/js/addBackground?action=raw&ctype=text/javascript"></script> |
− | width: 30px;
| + | |
− | height: 30px;
| + | |
− | top: 26px;
| + | |
− | right: 20px;
| + | |
− | padding-top: 20px;
| + | |
− | }
| + | |
| | | |
− | .gender-man {
| + | <style> |
− | background: url("https://static.igem.org/mediawiki/2019/8/85/T--USTC-Software--man.svg") 0% 0% no-repeat;
| + | .gender { |
− | background-size: contain;
| + | width: 30px; |
− | } | + | height: 30px; |
| + | top: 26px; |
| + | right: 20px; |
| + | padding-top: 20px; |
| + | } |
| | | |
− | .gender-woman {
| + | .gender-man { |
− | background: url("https://static.igem.org/mediawiki/2019/7/78/T--USTC-Software--woman.svg") 0% 0% no-repeat;
| + | background: url("https://static.igem.org/mediawiki/2019/8/85/T--USTC-Software--man.svg") 0% 0% no-repeat; |
− | background-size: contain;
| + | background-size: contain; |
− | }
| + | } |
| | | |
− | .avatar {
| + | .gender-woman { |
− | width: 200px;
| + | background: url("https://static.igem.org/mediawiki/2019/7/78/T--USTC-Software--woman.svg") 0% 0% no-repeat; |
− | height: 200px;
| + | background-size: contain; |
− | border-radius: 100px;
| + | } |
− | z-index: 10;
| + | |
− | background: url("../../File/T--USTC-Software--avatar.jpg");
| + | |
− | background-size: contain;
| + | |
− | }
| + | |
| | | |
− | </style> | + | .avatar { |
| + | width: 200px; |
| + | height: 200px; |
| + | border-radius: 100px; |
| + | z-index: 10; |
| + | background-size: 100% 100%; |
| + | background-repeat: no-repeat; |
| + | } |
| + | </style> |
| | | |
| </html> | | </html> |
| + | |
| + | |
| + | {{USTC-Software/html/footer}} |