|
|
| Line 5: |
Line 5: |
| | <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| | <style> | | <style> |
| − | /*media query*/ | + | /*media query*/ |
| | @media all and (max-width: 480px) { | | @media all and (max-width: 480px) { |
| | } | | } |
| Line 24: |
Line 24: |
| | main { | | main { |
| | width: 95%; | | width: 95%; |
| − | font-size:16px; | + | font-size: 16px; |
| | } | | } |
| | } | | } |
| Line 44: |
Line 44: |
| | | | |
| | #group-description > p { | | #group-description > p { |
| − | display:inline-block; | + | display: inline-block; |
| − | margin:5px auto; | + | margin: 5px auto; |
| − | vertical-align:top; | + | vertical-align: top; |
| | } | | } |
| | | | |
| | @media all and (max-width: 480px) { | | @media all and (max-width: 480px) { |
| | #group-description > p { | | #group-description > p { |
| − | width:98%; | + | width: 98%; |
| | } | | } |
| | } | | } |
| Line 57: |
Line 57: |
| | @media all and (min-width: 481px) and (max-width: 1023px) { | | @media all and (min-width: 481px) and (max-width: 1023px) { |
| | #group-description > p { | | #group-description > p { |
| − | width:49%; | + | width: 49%; |
| | } | | } |
| | + | |
| | #group-description > p:nth-child(4) { | | #group-description > p:nth-child(4) { |
| − | width:98%; | + | width: 98%; |
| | } | | } |
| | } | | } |
| Line 66: |
Line 67: |
| | @media all and (min-width: 1024px) { | | @media all and (min-width: 1024px) { |
| | #group-description > p { | | #group-description > p { |
| − | width:32%; | + | width: 32%; |
| | } | | } |
| | } | | } |
| Line 72: |
Line 73: |
| | /*group-gallery*/ | | /*group-gallery*/ |
| | #group-gallery { | | #group-gallery { |
| − | position:relative; | + | position: relative; |
| − | width:1024px; | + | width: 1024px; |
| − | height:577px; | + | height: 577px; |
| | } | | } |
| | | | |
| | #group-gallery > img { | | #group-gallery > img { |
| − | position:absolute;
| |
| − | top:0px;
| |
| − | left:0px;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*tab CSS table*/
| |
| − | #tab-table {
| |
| − | display: table;
| |
| − | border-spacing: 5px;
| |
| − | margin: auto;
| |
| − | font-size: small;
| |
| − | background-color: thistle;
| |
| − | }
| |
| − |
| |
| − | .tab-row {
| |
| − | display: table-row;
| |
| − | }
| |
| − |
| |
| − | .tab-row > div {
| |
| − | display: table-cell;
| |
| − | padding: 5px;
| |
| − | }
| |
| − |
| |
| − | .instructor {
| |
| − | background-color: lightpink;
| |
| − | }
| |
| − |
| |
| − | .instructor:hover {
| |
| − | background-color: pink;
| |
| − | }
| |
| − |
| |
| − | .PI {
| |
| − | background-color: lightcyan;
| |
| − | }
| |
| − |
| |
| − | .PI:hover {
| |
| − | background-color: cyan;
| |
| − | }
| |
| − |
| |
| − | .student {
| |
| − | background-color: lightcoral;
| |
| − | }
| |
| − |
| |
| − | .student:hover {
| |
| − | background-color: coral;
| |
| − | }
| |
| − |
| |
| − | /*gallery*/
| |
| − | #gallery-wrapper {
| |
| − | position: relative;
| |
| − | }
| |
| − |
| |
| − | .gallery {
| |
| − | display: table;
| |
| − | border-spacing:10px;
| |
| − | background-color: aquamarine;
| |
| | position: absolute; | | position: absolute; |
| | top: 0px; | | top: 0px; |
| | left: 0px; | | left: 0px; |
| − | width: auto; | + | width: 100%; |
| | + | height: 100%; |
| | } | | } |
| − |
| |
| − | .gallery-row {
| |
| − | display: table-row;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .gallery-row > div {
| |
| − | display: table-cell;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − |
| |
| − | .person-description > h1 {
| |
| − | text-align:center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| | | | |
| | </style> | | </style> |
| Line 308: |
Line 233: |
| | <div id="group-gallery"> | | <div id="group-gallery"> |
| | <img src="image/whole-group1024.png" width="1024" height="576" onerror="wiki.image(event)" onload="adjust_group_gallery(); | | <img src="image/whole-group1024.png" width="1024" height="576" onerror="wiki.image(event)" onload="adjust_group_gallery(); |
| − | window.addEventListener('resize', adjust_group_gallery);"/> | + | window.addEventListener('resize', adjust_group_gallery);" /> |
| | <!--<img src="https://static.igem.org/mediawiki/2016/3/3f/T--NKU_China--shiyanshi-1024.png" width="1024" height="576" />--> | | <!--<img src="https://static.igem.org/mediawiki/2016/3/3f/T--NKU_China--shiyanshi-1024.png" width="1024" height="576" />--> |
| − | </div>
| |
| − | <div id="tab-table">
| |
| − | <div class="tab-row">
| |
| − | <div class="instructor">
| |
| − | Haosheng Shen
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="tab-row">
| |
| − | <div class="PI">
| |
| − | Fuchen Shi
| |
| − | </div>
| |
| − | <div class="PI">
| |
| − | Mingqiag Qiao
| |
| − | </div>
| |
| − | <div class="PI">
| |
| − | Cunjiang Song
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="tab-row">
| |
| − | <div class="student">
| |
| − | Fankang Meng
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Xiao Liu
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Xinhao Song
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Wei Yibing
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Zhaoran Zhang
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Zhao Yujie
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Ma Xinyu
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Dong Jingzhe
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Zhang Mengxian
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="tab-row">
| |
| − | <div class="student">
| |
| − | Jindi Zhou
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Chen Chen
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Xiong Yvxiu
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Zhuoer Dong
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Liangti Dai
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Zhao xianglin
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Ke Ziying
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Annie Kong
| |
| − | </div>
| |
| − | <div class="student">
| |
| − | Jeff Bae
| |
| − | </div>
| |
| − | </div>
| |
| | </div> | | </div> |
| − |
| + | |
| − | <div id="gallery-wrapper"> | + | |
| − | <div class="gallery" id="Haosheng Shen">
| + | |
| − | <div class="gallery-row">
| + | |
| − | <div>
| + | |
| − | <img src="image/chenlingyi.jpg" onerror="wiki.image(event)">
| + | |
| − | </div>
| + | |
| − | <div class="person-description">
| + | |
| − | <p>
| + | |
| − | Haosheng Shen
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="gallery" id="Fuchen Shi">
| + | |
| − | <div class="gallery-row">
| + | |
| − | <div>
| + | |
| − | <img src="image/chenlingyi.jpg" onerror="wiki.image(event)">
| + | |
| − | </div>
| + | |
| − | <div class="person-description">
| + | |
| − | <p>
| + | |
| − | Fuchen Shi
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="gallery" id="Mingqiag Qiao">
| + | |
| − | <div class="gallery-row">
| + | |
| − | <div>
| + | |
| − | <img src="image/chenlingyi.jpg" onerror="wiki.image(event)">
| + | |
| − | </div>
| + | |
| − | <div class="person-description">
| + | |
| − | <p>
| + | |
| − | Mingqiag Qiao
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="gallery-description">
| + | |
| | | | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="gallery" id="Cunjiang Song">
| + | |
| − | <div class="gallery-row">
| + | |
| − | <div>
| + | |
| − | <img src="image/songcunjiang.jpg" onerror="wiki.image(event)">
| + | |
| − | </div>
| + | |
| − | <div class="person-description">
| + | |
| − | <h1>Cunjiang Song</h1>
| + | |
| − | <p>
| + | |
| − | Prof. Cunjiang Song got B.S. Degree in 1983, from the Department of Biology, Northwest University in China, majoring in Microbiology. His Doctor of Engineering Degree was obtained in 2002, from the Graduate School of Science and Engineering, Toyama University, Japan, majoring in Life and Environmental Sciences.
| + | |
| − | He established the Environmental Microbiology and Microbial Synthesis Laboratory in the College of Life Sciences, Nankai University. More than 80 papers were published in academic journals such as Scientific Reports, Metabolic Engineering, Applied Microl. Biotech., etc. 15 patents were granted.
| + | |
| − | He is now a director of Chinese Society of Microbiology, as well as the general director of Tianjin Society of Microbiology.
| + | |
| − |
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="gallery-description">
| + | |
| | | | |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Fankang Meng">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="image/chenlingyi.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Liangti Dai -- Interlab study & the construction of standard parts
| |
| − | Working on iGEM has allowed me to think of life science through a complete different way—to design a life purposely, to test the possibilities. The construction of standardizing parts is filled with weird and constant error results that had nearly driven me crazy, but they are the key moments for creativity and analysis. It’s cool to cooperate with diverse people and have brain storms from time to time. It’s a wonderful experience of my life.
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Xiao Liu">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="https://static.igem.org/mediawiki/2016/5/53/T--NKU_China--liuxiao.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Xiao Liu
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Xinhao Song">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="https://static.igem.org/mediawiki/2016/5/57/T--NKU_China--XINGHAO.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <h1>
| |
| − | Xinhao Song
| |
| − | </h1>
| |
| − | <p>
| |
| − | I am the student team leader and a member of the experiment division of iGEM 2016 Team NKU_China. Besides the overall management of the team, I am also mainly responsible for the conduction of the Measurement tract and the construction of standard parts. My devotion to synthetic biology is due to the fact that even the simplest bacteria are much more delicate than the most complex machines that humans have ever built. The perfection and complexity of life system attracts me to learn and discover.
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Wei Yibing">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="image/chenlingyi.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Wei Yibing
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Zhaoran Zhang">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="https://static.igem.org/mediawiki/2016/2/29/T--NKU_China--zhangzhaoran.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <h1>Zhaoran Zhang</h1>
| |
| − | <p>
| |
| − | I am an undergraduate student member of the experiment division of iGEM 2016 Team NKU_China I am a girl of various of interests and among them my favorites are music and travelling. I grew up in countryside and I liked to play around in the fields and observe all kinds of creatures especially plants. My love for botany built up in my childhood and now I have become an expert in plant taxonomy. It will be my lifelong career to explore the secret and beauty of life.
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Zhao Yujie">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="image/chenlingyi.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Zhao Yujie
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Ma Xinyu">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="https://static.igem.org/mediawiki/2016/5/5f/T--NKU_China--maxinyv.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | I am Ma Xinyu, a junior student of College of Life Science in Nankai University. I have been working on the study about molecular modification of microorganism for two years. It’s my first time to attend the iGEM competition and I believe it will be a great challenge but also a chance for me. This year, I spend most of my time on the iGEM competition. I’m generally responsible for the experimental part in our team. I will do my best to complete our research and cooperate with my team member to finish the competition perfectly. Looking forward for the final match in Boston!
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Dong Jingzhe">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="image/chenlingyi.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Dong Jingzhe
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Zhang Mengxian">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="https://static.igem.org/mediawiki/2016/0/05/T--NKU_China--zhangmengxian.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Zhang Mengxian
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Jindi Zhou ">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="image/chenlingyi.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Jindi Zhou
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Chen Chen">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="https://static.igem.org/mediawiki/2016/c/cd/T--NKU_China--chenchen-768.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Chen Chen
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Xiong Yvxiu">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="https://static.igem.org/mediawiki/2016/a/ab/T--NKU_China--xiongyuxiu.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Xiong Yvxiu
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Zhuoer Dong">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="https://static.igem.org/mediawiki/2016/4/42/T--NKU_China--dongzhuoer-768.png" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Zhuoer Dong
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Liangti Dai ">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="https://static.igem.org/mediawiki/2016/d/df/T--NKU_China--dailiangti-768.png" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <h1>Liangti Dai</h1>
| |
| − | <p>
| |
| − | This summer I mainly work on the conduction of the Measurement tract and the construction of standard parts.
| |
| − | Working on iGEM has allowed me to think of life science through a complete different way—to design a life purposely, to test the possibilities. The construction of standardizing parts is filled with weird and constant error results that had nearly driven me crazy, but they are the key moments for creativity and analysis. It’s cool to cooperate with diverse people and have brain storms from time to time. It’s a wonderful experience of my life.
| |
| − |
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Zhao xianglin">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="https://static.igem.org/mediawiki/2016/d/db/T--NKU_China--zhaoxianglin.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <h1>Zhao Xianglin (Hilda)</h1>
| |
| − | <h2>Junior</h2>
| |
| − | <h2>College of Life Sciences</h2>
| |
| − | <p>
| |
| − | An amateur graphic designer.(I’m one of the main designers of the logo!) Outgoing enough to work out of bench and enjoy the process of communication. Interested in Synbio, Gut microbiota and Nutrition.
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Ke Ziying">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="image/chenlingyi.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Ke Ziying
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Annie Kong">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="image/chenlingyi.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Annie Kong
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery" id="Jeff Bae">
| |
| − | <div class="gallery-row">
| |
| − | <div>
| |
| − | <img src="image/chenlingyi.jpg" onerror="wiki.image(event)">
| |
| − | </div>
| |
| − | <div class="person-description">
| |
| − | <p>
| |
| − | Jeff Bae
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="gallery-description">
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| | </main> | | </main> |
| | <script id="wiki"> | | <script id="wiki"> |
| Line 725: |
Line 250: |
| | | | |
| | //alert(str) | | //alert(str) |
| − |
| + | |
| | </script> | | </script> |
| | </body> | | </body> |
| | </html> | | </html> |
