Line 1: | Line 1: | ||
− | {{Technion_Israel}} | + | {{Team:Technion_Israel/navbar}} |
− | <html> | + | <html lang="en"> |
+ | |||
+ | <head> | ||
+ | <!-- Title for the page & metadata --> | ||
+ | <title>S.tar, by iGEM Technion 2016</title> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="navbar" content="width=device-width, initial-scale=1"> | ||
+ | <style>/* inline page CSS */ | ||
+ | |||
+ | body { | ||
+ | } | ||
+ | /* ==========Background and effects ========== */ | ||
+ | /*Make sure the div is unuiqe to each page*/ | ||
+ | .desk_wrapper { | ||
+ | position: relative; | ||
+ | background: white; /* For browsers that do not support gradients */ | ||
+ | background: -webkit-linear-gradient(white, #ecf7fb, white); /* For Safari 5.1 to 6.0 */ | ||
+ | background: -o-linear-gradient(white, #ecf7fb, white); /* For Opera 11.1 to 12.0 */ | ||
+ | background: -moz-linear-gradient(white, #ecf7fb, white); /* For Firefox 3.6 to 15 */ | ||
+ | background: linear-gradient(white, #ecf7fb, white); /* Standard syntax */ | ||
+ | /*background-image:url('addres'); | ||
+ | background-size:cover; | ||
+ | filter: blur(5px) grayscale(80%) opacity(10%);*/ | ||
+ | } | ||
+ | /* ========== END: and effects ========== */ | ||
+ | /* | ||
+ | Object in external CSS sheet: | ||
− | + | nav-tabs, cont_tabs: | |
+ | Open diffrent tabs, we uses imgs. | ||
+ | back-to-top: | ||
+ | go back to top. Apears only when going down the page. | ||
− | + | cont_box: | |
− | + | The containers (box) which hold the texts and imgs in the page. | |
+ | img_cont: | ||
+ | Every in-content-page img needs to have this class of img. | ||
− | + | no-title-col: | |
+ | Every in-content-page img needs to have this class of col. | ||
+ | */ | ||
+ | .referances { | ||
+ | font-size: 16px; | ||
+ | outline: 1px solid black; | ||
+ | padding: 20px; | ||
+ | } | ||
+ | /*canceling wiki bug (inlarge imgs stuck the page)*/ | ||
+ | .modal-backdrop { | ||
+ | position: relative; | ||
+ | } | ||
+ | .ocenter .img-responsive { | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | .vcenter { | ||
+ | display: inline-block; | ||
+ | vertical-align: middle; | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | </style> | ||
− | < | + | <script> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | //up arrow: | ||
+ | $(document).ready(function(){ | ||
+ | $(window).scroll(function () { | ||
+ | if ($(this).scrollTop() > 350) { | ||
+ | $('#back-to-top').fadeIn(); | ||
+ | } else { | ||
+ | $('#back-to-top').fadeOut(); | ||
+ | } | ||
+ | }); | ||
+ | // scroll body to 0px on click | ||
+ | $('#back-to-top').click(function () { | ||
+ | $('#back-to-top').tooltip('hide'); | ||
+ | $('body,html').animate({ | ||
+ | scrollTop: 0 | ||
+ | }, 800); | ||
+ | return false; | ||
+ | }); | ||
+ | |||
+ | $('#back-to-top').tooltip('show'); | ||
+ | }); | ||
+ | //////////////////////// | ||
+ | //Code: inlarge img on click: | ||
+ | $(function() { | ||
+ | $('.pop').on('click', function() { | ||
+ | $('.imagepreview').attr('src', $(this).find('img').attr('src')); | ||
+ | $('#imagemodal').modal('show'); | ||
+ | }); | ||
+ | }); | ||
+ | ////////////////////// | ||
+ | ///pop-ups: | ||
+ | $(document).ready(function(){ | ||
+ | $('[data-toggle="popover"]').popover(); | ||
+ | }); | ||
+ | $(function () { | ||
+ | $('button').popover(); | ||
+ | }); | ||
+ | </script> | ||
− | < | + | </head> |
− | |||
− | |||
− | |||
− | |||
+ | <body> | ||
+ | <header> | ||
+ | </header> | ||
+ | |||
+ | <!-- ===== One overall container (wrapper) ===== --> | ||
+ | <div class="desk_wrapper"> | ||
+ | <!-- ======== Cover photo: ======== --> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-12"> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/4/44/T--Technion_Israel--description.jpg" class="img-responsive img-center cont_cover" width="100%"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- ===== END: Cover photo: ===== --> | ||
− | < | + | <!-- =========== Content =========== --> |
− | < | + | <div class="row"><!--row --> |
− | < | + | <div class="col-sm-8 col-sm-offset-2"><!-- 10/12 --> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | <div class="cont_box"> |
− | + | ||
− | </div> | + | <!-- Mini headline --> |
+ | <div class="row"> | ||
+ | <div class="col-md-12 col-sm-12"> | ||
+ | <h1>Parts:</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
− | <div class=" | + | <!-- 12 img div --> |
+ | <div class="row"> | ||
− | < | + | <div class="col-md-4 col-xs-4"> |
− | < | + | <a href="" target="_blank"> |
+ | <img src="" class="img-responsive img-center" width="75" style="cursor: pointer;"> | ||
+ | </a> | ||
+ | <h4 class="text-center">New basic part</h4> | ||
+ | </div> | ||
− | < | + | <div class="col-md-4 col-xs-4"> |
− | + | <a href="" target="_blank"> | |
− | + | <img src="" class="img-responsive img-center" width="75" style="cursor: pointer;"> | |
− | < | + | </a> |
− | < | + | <h4 class="text-center">New composite part</h4> |
− | </ | + | </div> |
− | </div> | + | |
− | <div class=" | + | <div class="col-md-4 col-xs-4"> |
− | < | + | <a href="" target="_blank"> |
− | < | + | <img src="" class="img-responsive img-center" width="75" style="cursor: pointer;"> |
+ | </a> | ||
+ | <h4 class="text-center">Parts collection</h4> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <br> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- 12 text div --> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12 col-sm-12"> | ||
+ | <p class="text-justify"> | ||
+ | Every year, more parts is been added to the registry by iGEM teams all over the world. | ||
+ | We understand the importance of constructing new parts, but even more the importance of | ||
+ | high quality parts. Each of our submitted parts was tested in the lab and well documented. | ||
+ | The submitted parts was carefully chosen as parts which can be useful and easy to use for | ||
+ | future iGEM teams.<br> | ||
+ | <br> | ||
+ | The table below presents all the parts submitted to the iGEM Registry. Information about | ||
+ | the applications and characterization of each part can be seen in the biobrick pages of | ||
+ | the registry.<br> | ||
+ | <br> | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--Code: Click on img to enlarge it--> | ||
+ | <div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | ||
+ | <div class="modal-dialog"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-body"> | ||
+ | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> | ||
+ | <img src="" class="imagepreview" style="width: 100%;" > | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--Arrow up --> | ||
+ | <a id="back-to-top" href="#" class="btn btn-lg back-to-top" role="button" title="Up" data-toggle="tooltip" data-placement="left"><img src="https://static.igem.org/mediawiki/2016/5/5a/T--Technion_Israel--up_arrow.png" alt=""></a> | ||
+ | |||
+ | </body> | ||
</html> | </html> | ||
+ | |||
+ | <groupparts>iGEM2016 Technion_Israel</groupparts> | ||
+ | |||
+ | {{:Team:Technion_Israel/supporters}} |
Revision as of 14:34, 17 October 2016
Parts:
Every year, more parts is been added to the registry by iGEM teams all over the world.
We understand the importance of constructing new parts, but even more the importance of
high quality parts. Each of our submitted parts was tested in the lab and well documented.
The submitted parts was carefully chosen as parts which can be useful and easy to use for
future iGEM teams.
The table below presents all the parts submitted to the iGEM Registry. Information about
the applications and characterization of each part can be seen in the biobrick pages of
the registry.
<groupparts>iGEM2016 Technion_Israel</groupparts>