|
|
| (281 intermediate revisions by 6 users not shown) |
| Line 1: |
Line 1: |
| | + | |
| | {{:Team:Manchester/Templates/NavBar}} | | {{:Team:Manchester/Templates/NavBar}} |
| | {{ManchesterMobile}} | | {{ManchesterMobile}} |
| Line 9: |
Line 10: |
| | background-color:; | | background-color:; |
| | overflow-x: hidden | | overflow-x: hidden |
| | + | } |
| | + | |
| | + | .projectlink img:hover { |
| | + | opacity: 0.7; |
| | + | } |
| | + | |
| | + | .floatleft1 { |
| | + | float: right!important; |
| | + | } |
| | + | |
| | + | .floatright1 { |
| | + | float: left!important; |
| | + | } |
| | + | |
| | + | .sectionfirst { |
| | + | margin-top: 25px!important; |
| | + | padding-top: 10vh; |
| | + | height: 30vh; |
| | + | background: transparent; |
| | + | background-size: cover |
| | + | } |
| | + | |
| | + | .border { |
| | + | background-color: #c4c4c4; |
| | + | color: #fff; |
| | + | padding: 18px; |
| | + | letter-spacing: 10px; |
| | + | opacity: 1 |
| | } | | } |
| | | | |
| | .col-md-4 img { | | .col-md-4 img { |
| − | width: 60vw; | + | width: 20vw; |
| | display: block; | | display: block; |
| | margin-left: auto; | | margin-left: auto; |
| Line 34: |
Line 63: |
| | } | | } |
| | | | |
| − | .sectionfirst {
| + | h4 { |
| − | margin-top: 80px!important; | + | font-size: 35px!important; |
| − | padding-top: 10vh | + | font-weight: 400; |
| | + | font-family: 'Calibri'!important; |
| | + | padding: 2%!important; |
| | + | text-align: center; |
| | + | } |
| | + | |
| | + | h2 { |
| | + | font-size: 40px!important; |
| | + | font-weight: 400; |
| | + | font-family: 'Calibri'!important; |
| | + | padding: 2%!important; |
| | + | text-align: center; |
| | + | } |
| | + | |
| | + | h3 { |
| | + | font-size: 20px!important; |
| | + | padding: 2%!important; |
| | + | background: #89d4fa!important; |
| | + | color: #111; |
| | + | border: 1px solid #44bfff; |
| | + | border-radius: .25em; |
| | + | text-align: justify; |
| | + | text-justify: inter-word; |
| | + | } |
| | + | |
| | + | p { |
| | + | text-align: justify; |
| | + | text-justify: inter-word; |
| | + | font-family: 'Calibri', sans-serif; |
| | } | | } |
| | | | |
| Line 45: |
Line 102: |
| | <body> | | <body> |
| | | | |
| − | <div class="sectionfirst displaybox" style="background-image: url(https://cdn.pixabay.com/photo/2013/12/24/14/46/cat-233367_960_720.jpg); background-size: cover; background-position: center"> | + | <div class="clear"></div> |
| − | <div class="col- centered" > | + | |
| − | <center>
| + | <div class="col-md-12 sectionfirst" style="background-color: #fbf9f8!important"> |
| − | <h2><font color="#fff">Results</font></h2>
| + | <h2 class="border" style="margin-top: 5vh; text-align: center">Results</h2> |
| − | </center>
| + | <br/> |
| − | </div>
| + | |
| | </div> | | </div> |
| | | | |
| − | <div class="displaybox" style="background-color: #fff"> | + | <div style="padding: 0px 30vw; background-color: #fbf9f8!important"> |
| − | <div class="container">
| + | |
| − | <div class="col-md-12 text-justify col-centered">
| + | |
| − | <center>
| + | |
| − | <h3><font color="#111">PPK</font></specialh3>
| + | |
| − | <hr class="dark">
| + | |
| − | </center>
| + | |
| − | <div class="col-md-12 text-justify">
| + | |
| − | <p><font color="#111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate.
| + | |
| | | | |
| − | Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor.
| + | <p><b>Overview:</b></p> |
| | + | |
| | + | <div class="plan" style="padding: 0px 2vw; border: 3px solid transparent; background-color: #fbf9f8!important"> |
| | + | <p style="margin-left: 40px">1. <a href="https://2017.igem.org/Team:Manchester/Results1">Polyphosphate kinase</a> purification and optimization.</p> |
| | + | <p style="margin-left: 40px">2. <a href="https://2017.igem.org/Team:Manchester/Results2">Eut microcompartment</a> expression.</p> |
| | + | <p style="margin-left: 40px">3. <a href="https://2017.igem.org/Team:Manchester/Results3">Localization Tag</a> characterization.</p> |
| | + | <p style="margin-left: 40px">4. <a href="https://2017.igem.org/Team:Manchester/Results4">Anderson Promoters</a> characterization.</p> |
| | + | <p style="margin-left: 40px">5. <a href="https://2017.igem.org/Team:Manchester/Results5">References</a></p> |
| | | | |
| − | Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.</font></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | </div> | | </div> |
| | + | </div> |
| | + | |
| | + | <div class="plan" style="padding: 0px 8vw; background-color: #fbf9f8!important"> |
| | + | |
| | + | <a class="floatleft1 project projectlink" href= " https://2017.igem.org/Team:Manchester/Results1 " ><img src="https://static.igem.org/mediawiki/2017/7/7c/T--Manchester--Next_Arrow17.jpg"></a> |
| | | | |
| − | <div class="displaybox" style="background-color: #f4f3f6"> | + | <a class="floatright1 project projectlink" href= " https://2017.igem.org/Team:Manchester/Description1 " ><img src="https://static.igem.org/mediawiki/2017/0/0a/T--Manchester--BACKARROW17MAN.jpg"></a> |
| − | <div class="container">
| + | |
| − | <div class="col-md-12 text-justify col-centered">
| + | |
| − | <center>
| + | |
| − | <h3><font color="#111">Eut</font></specialh3>
| + | |
| − | <hr class="dark">
| + | |
| − | </center>
| + | |
| − | <div class="col-md-12 text-justify">
| + | |
| − | <p><font color="#111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate. | + | |
| | | | |
| − | Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor.
| + | <br> |
| | + | <br> |
| | + | <br> |
| | + | <br> |
| | + | <br> |
| | | | |
| − | Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.</font></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | </div> | | </div> |
| | | | |
| − | <div class="displaybox" style="background-color: #fff"> | + | <script> |
| − | <div class="container">
| + | $(document).ready(function() { |
| − | <div class="col-md-12 text-justify col-centered">
| + | |
| − | <center>
| + | |
| − | <h3><font color="#111">Tag</font></specialh3>
| + | |
| − | <hr class="dark">
| + | |
| − | </center>
| + | |
| − | <div class="col-md-12 text-justify">
| + | |
| − | <p><font color="#111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate.
| + | |
| | | | |
| − | Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor.
| + | // Create NGL Stage object |
| | + | var stage = new NGL.Stage( "viewport" ); |
| | | | |
| − | Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.</font></p>
| + | // Handle window resizing |
| − | </div>
| + | window.addEventListener( "resize", function( event ){ |
| − | </div>
| + | stage.handleResize(); |
| − | </div>
| + | }, false ); |
| − | </div>
| + | |
| | | | |
| − | <div class="displaybox" style="background-color: #f4f3f6">
| |
| − | <div class="container">
| |
| − | <div class="col-md-12 text-justify col-centered">
| |
| − | <center>
| |
| − | <h3><font color="#111">Ash's or microscopy images of S SMN SMNLK</font></specialh3>
| |
| − | <hr class="dark">
| |
| − | </center>
| |
| − | <div class="col-md-12 text-justify">
| |
| − | <p><font color="#111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate.
| |
| | | | |
| − | Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor.
| + | // Load PDB entry 1CRN |
| | + | stage.loadFile( "https://2017.igem.org/Team:Manchester/ppk.pdb", { defaultRepresentation: true } ) |
| | + | |
| | + | }); |
| | + | </script> |
| | | | |
| − | Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.</font></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
| | {{:Team:Manchester/Templates/Footer}} | | {{:Team:Manchester/Templates/Footer}} |
