|
|
| Line 17: |
Line 17: |
| | } | | } |
| | </style> | | </style> |
| − | <style id="main"> | + | <style id="main css"> |
| − | main { | + | main#team { |
| − | padding: 5px; | + | padding: 3px; |
| | + | font-size: 16px; |
| | } | | } |
| | | | |
| − | | + | @media all and (min-width: 1601px) { |
| − | | + | main#team { |
| − | @media all and (min-width: 1024px) and (max-width: 1600px) { | + | font-size: 20px; |
| − | main { | + | |
| − | font-size: 16px; | + | |
| | } | | } |
| | } | | } |
| | </style> | | </style> |
| − | <style id="group description"> | + | <style id="group description css"> |
| | #group-description { | | #group-description { |
| − | padding-bottom: 5px; | + | padding: 5px; |
| | } | | } |
| | | | |
| | #group-description > h1 { | | #group-description > h1 { |
| | text-align: center; | | text-align: center; |
| − | column-span: all;
| |
| | margin: 5px; | | margin: 5px; |
| | } | | } |
| | | | |
| − | #group-description > p { | + | #group-description p { |
| − | display: inline-block; | + | text-indent:2em; |
| − | margin: auto;
| + | |
| | vertical-align: top; | | vertical-align: top; |
| − | font-size: 100%;
| |
| − | text-align: left;
| |
| | } | | } |
| | | | |
| Line 53: |
Line 48: |
| | | | |
| | @media all and (max-width: 480px) { | | @media all and (max-width: 480px) { |
| − | #group-description > p { | + | #group-description .article-body { |
| − | width: 98%; | + | -moz-column-count: 1; |
| | + | column-count:1; |
| | } | | } |
| | } | | } |
| | | | |
| | @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 .article-body{ |
| | + | -moz-column-count: 2; |
| | column-count: 2; | | column-count: 2; |
| − | }
| |
| − |
| |
| − | #group-description > p:nth-child(4) {
| |
| | } | | } |
| | } | | } |
| | | | |
| | @media all and (min-width: 1024px) { | | @media all and (min-width: 1024px) { |
| − | #group-description > p { | + | #group-description .article-body { |
| | + | -moz-column-count: 3; |
| | column-count: 3; | | column-count: 3; |
| − | }
| |
| − | }
| |
| − |
| |
| − | @media all and (min-width: 1600px) {
| |
| − | #group-description > p {
| |
| − | font-size: 125%;
| |
| | } | | } |
| | } | | } |
| | </style> | | </style> |
| − | <style id="group gallery"> | + | <style id="group gallery css"> |
| | #group-gallery { | | #group-gallery { |
| | position: relative; | | position: relative; |
| Line 94: |
Line 83: |
| | } | | } |
| | </style> | | </style> |
| − | <style id="tab"> | + | <style id="tab css"> |
| − | #tab { | + | @media all and (max-width: 480px) { |
| − | display: table;
| + | |
| − | border-spacing: 5px;
| + | |
| − | margin: auto;
| + | |
| − | font-size: small;
| + | |
| − | background-color: thistle;
| + | |
| | } | | } |
| | | | |
| − | #tab li { | + | @media all and (min-width: 481px) and (max-width: 1023px) { |
| − | display:inline-block;
| + | |
| | } | | } |
| | | | |
| − | .instructor { | + | @media all and (min-width: 1024px) and (max-width: 1600px) { |
| − | background-color: lightpink;
| + | |
| | } | | } |
| | | | |
| − | .instructor:hover { | + | @media all and (min-width: 1601px) { |
| − | background-color: pink;
| + | |
| | } | | } |
| | | | |
| − | .PI { | + | #tab { |
| − | background-color: lightcyan; | + | text-align:center; |
| | } | | } |
| | | | |
| − | .PI:hover { | + | #tab li { |
| − | background-color: cyan; | + | display: inline-block; |
| | + | list-style:none; |
| | } | | } |
| | | | |
| − | .student { | + | #tab-wrapper { |
| − | background-color: lightcoral; | + | position:relative; |
| | + | } |
| | + | |
| | + | #tab-wrapper > ul { |
| | + | position:absolute; |
| | + | left:0px; |
| | + | top:0px; |
| | + | width:100%; |
| | + | display:none; |
| | } | | } |
| | | | |
| − | .student:hover { | + | #tab-wrapper > ul:first-child { |
| − | background-color: coral; | + | display: block; |
| | } | | } |
| | </style> | | </style> |
| − | <style id="personal gallery"> | + | <style id="personal gallery css"> |
| | #personal-gallery { | | #personal-gallery { |
| | display:none; | | display:none; |
| Line 164: |
Line 154: |
| | } | | } |
| | </style> | | </style> |
| − | <style>
| |
| | | | |
| − | </style>
| |
| | <script> | | <script> |
| | /*! jQuery v3.1.0 | (c) jQuery Foundation | jquery.org/license */ | | /*! jQuery v3.1.0 | (c) jQuery Foundation | jquery.org/license */ |
| Line 201: |
Line 189: |
| | $(function () { | | $(function () { |
| | $('img').attr('alt', 'Please wait, loading image...') | | $('img').attr('alt', 'Please wait, loading image...') |
| − | auto_adjust_parent($('img.auto-adjust')) | + | auto_adjust_parent($('.auto-adjust')) |
| | | | |
| | load_img($('#group-gallery img:first-child'), 'image/whole-group-1366.jpg', 'https://static.igem.org/mediawiki/2016/4/4b/T--NKU_China--whole-group-1366.jpg') | | load_img($('#group-gallery img:first-child'), 'image/whole-group-1366.jpg', 'https://static.igem.org/mediawiki/2016/4/4b/T--NKU_China--whole-group-1366.jpg') |
| | | | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | //after the entire page is ready, silently refresh high resolution images |
| | load_img($('#group-gallery img:first-child'), 'image/whole-group.jpg', 'https://static.igem.org/mediawiki/2016/3/39/T--NKU_China--whole-group.jpg') | | load_img($('#group-gallery img:first-child'), 'image/whole-group.jpg', 'https://static.igem.org/mediawiki/2016/3/39/T--NKU_China--whole-group.jpg') |
| | | | |
| − | alert($('#member1-tab li').length)
| |
| | }) | | }) |
| | </script> | | </script> |
| Line 215: |
Line 207: |
| | | | |
| | <body> | | <body> |
| − | <main> | + | <main id="team"> |
| | <article id="group-description"> | | <article id="group-description"> |
| − | <h1> | + | <h1>Team Introduction</h1> |
| − | Team Introduction
| + | <div class="article-body"> |
| − | </h1>
| + | |
| − | <p> | + | Team NKU_China consists of faculty members and students from Nankai University, Tianjin. Located in the east coast of Asia and one of the most developed and prosperous cities in mainland China, Nankai University is making groundbreaking progress in both natural and social sciences while holding fast to the orthodox beliefs that inspire us to dedicate to the interest of the public and the nation. |
| − | Team NKU_China consists of faculty members and students from Nankai University, Tianjin. Located in the east coast of Asia and one of the most developed and prosperous cities in mainland China, Nankai University is making groundbreaking progress in both natural and social sciences while holding fast to the orthodox beliefs that inspire us to dedicate to the interest of the public and the nation.<br>
| + | </p> |
| − | 17 undergraduate students from College of Life Science consist of the absolute main force of Team NKU_China. Sharing “iGEMer” as our common title, the team members work closely together from brainstorming solutions for experimental problems to discussing the future prospect of synthetic biology with great enthusiasm and creation. In the meantime, we frequently adjust the project design and experiment plans under the advice and instructions of three experienced graduate instructors and three distinguished PIs.<br> | + | <p> |
| − | All of the team members are looking forward to presenting our project and sharing the story of the great science adventure of Team NKU_China to iGEMers all over the globe at Giant Jamboree. Do meet us at our presentation and poster stand!<br> | + | 17 undergraduate students from College of Life Science consist of the absolute main force of Team NKU_China. Sharing “iGEMer” as our common title, the team members work closely together from brainstorming solutions for experimental problems to discussing the future prospect of synthetic biology with great enthusiasm and creation. In the meantime, we frequently adjust the project design and experiment plans under the advice and instructions of three experienced graduate instructors and three distinguished PIs. |
| − | </p> | + | </p> |
| | + | <p> |
| | + | All of the team members are looking forward to presenting our project and sharing the story of the great science adventure of Team NKU_China to iGEMers all over the globe at Giant Jamboree. Do meet us at our presentation and poster stand! |
| | + | </p> |
| | + | </div> |
| | </article> | | </article> |
| | <div id="group-gallery"> | | <div id="group-gallery"> |
| Line 235: |
Line 231: |
| | <li>Member①</li> | | <li>Member①</li> |
| | <li>Member②</li> | | <li>Member②</li> |
| | + | <li>Member③</li> |
| | </ul> | | </ul> |
| | <div id="tab-wrapper"> | | <div id="tab-wrapper"> |
| Line 247: |
Line 244: |
| | <ul id="member1-tab"> | | <ul id="member1-tab"> |
| | <li>Wei Yibing</li> | | <li>Wei Yibing</li> |
| | + | <li>Zhao Yujie</li> |
| | <li>Fankang Meng</li> | | <li>Fankang Meng</li> |
| | <li>Xiao Liu</li> | | <li>Xiao Liu</li> |
| | + | <li>Zhaoran Zhang</li> |
| | + | <li>Ma Xinyu</li> |
| | + | </ul> |
| | + | <ul id="member2-tab"> |
| | <li>Xinhao Song</li> | | <li>Xinhao Song</li> |
| | <li>Xiong Yvxiu</li> | | <li>Xiong Yvxiu</li> |
| Line 255: |
Line 257: |
| | <li>Zhao xianglin</li> | | <li>Zhao xianglin</li> |
| | <li>Chen Chen</li> | | <li>Chen Chen</li> |
| − | <!--</ul>
| + | <li>Ke Ziying</li> |
| − | <ul id="member2-tab">--> | + | </ul> |
| − | <li>Zhaoran Zhang</li>
| + | <ul id="member3-tab"> |
| − | <li>Zhao Yujie</li>
| + | |
| − | <li>Ma Xinyu</li>
| + | |
| − | <li>Dong Jingzhe</li>
| + | |
| − | <li>Zhang Mengxian</li>
| + | |
| | <li>Jindi Zhou</li> | | <li>Jindi Zhou</li> |
| | <li>Annie Kong</li> | | <li>Annie Kong</li> |
| − | <li>Ke Ziying</li>
| |
| | <li>Jeff Bae</li> | | <li>Jeff Bae</li> |
| | + | <li>Zhang Mengxian</li> |
| | <li>Hanchenxi Zhang</li> | | <li>Hanchenxi Zhang</li> |
| | + | <li>Dong Jingzhe</li> |
| | </ul> | | </ul> |
| | </div> | | </div> |
