(Prototype team page) |
|||
(13 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/styles?action=raw&ctype=text/css" type='text/css'> | ||
+ | <style> | ||
+ | @media screen and (max-width: 800px) { | ||
− | + | .double-span { | |
− | + | grid-column: span 1 !important; | |
− | + | } | |
− | + | } | |
− | </ | + | </style> |
− | <div class=" | + | <body> |
− | < | + | <div class="sticky-top"> |
− | + | <nav class="navbar has-shadow" role="navigation" aria-label="main navigation" id="navbar"> | |
− | + | <div class="container"> | |
− | < | + | |
− | + | ||
− | <div class=" | + | <div class="navbar-brand"> |
− | < | + | <a class="navbar-logo" href="https://2018.igem.org/Team:UPF_CRG_Barcelona"> |
− | <div class=" | + | <img src="https://static.igem.org/mediawiki/2018/3/37/T--UPF_CRG_Barcelona--logosensebarcelona.svg" alt="iGEM Barcelona team 2018"> |
+ | </a> | ||
+ | <div class="navbar-burger" data-target="navbar-menu"> | ||
+ | <span></span> | ||
+ | <span></span> | ||
+ | <span></span> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- children of navbar-menu must be navbar-start and/or navbar-end --> | ||
+ | <div class="navbar-menu" id="navbar-menu"> | ||
+ | <!-- navbar items --> | ||
+ | <div class="navbar-grid"> | ||
+ | <!--class is-active for showing active menu--> | ||
+ | <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Description">Project</a> | ||
+ | <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/DryLab">DryLab</a> | ||
+ | <a class="navbar-item is-active" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Parts">Parts</a> | ||
+ | <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Deliverables">Deliverables</a> | ||
+ | <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/WetLab">WetLab</a> | ||
+ | <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Intro_HP">Human Practices</a> | ||
+ | <a class="navbar-item" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Aboutteam">Team</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | <header id="header"> | ||
+ | <div id="blur"></div> | ||
+ | <!-- Swiper --> | ||
+ | <div class="swiper-container" id="sw-container"> | ||
+ | <div class="swiper-wrapper"> | ||
+ | <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Basic"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2018/2/25/T--UPF_CRG_Barcelona--basicpart.svg" alt=""> | ||
+ | <p>Basic Parts</p> | ||
+ | </a> | ||
+ | <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Intermediate"> | ||
+ | <embed src="https://2018.igem.org//wiki/images/e/e8/T--UPF_CRG_Barcelona--partsdeliverables_navbar.svg" alt=""> | ||
+ | <p>Construction<br>Intermediates</p> | ||
+ | </a> | ||
+ | <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Composite"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2018/e/ed/T--UPF_CRG_Barcelona--compositepart.svg" alt=""> | ||
+ | <p>Composite Parts</p> | ||
+ | </a> | ||
+ | <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Improve"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2018/9/96/T--UPF_CRG_Barcelona--improvedpart.svg" alt=""> | ||
+ | <p>Improved Parts</p> | ||
+ | </a> | ||
+ | <a class="swiper-slide swiper-slide-menu" href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Registry"> | ||
+ | <embed src="https://static.igem.org/mediawiki/2018/f/f5/T--UPF_CRG_Barcelona--registryparts.svg" alt=""> | ||
+ | <p>Parts Registry</p> | ||
+ | </a> | ||
+ | </div> | ||
+ | <!-- Add Arrows --> | ||
+ | <div class="swiper-button-next"></div> | ||
+ | <div class="swiper-button-prev"></div> | ||
+ | </div> | ||
+ | </header> | ||
+ | </div> | ||
+ | <main class="main_parts"> | ||
+ | <section class="container-centered"> | ||
+ | <div> | ||
+ | <h1 style="color: #FFF;">PARTS</h1> | ||
+ | <div class="grid-deliverables"> | ||
− | <div | + | <div style="background-color: #FFF; border-radius: 15px;"> |
− | < | + | <a href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Basic"> |
+ | <h3>Basic Parts</h3> | ||
+ | </a> | ||
+ | <p>These are discrete functional units of DNA, such as promoters or RBSs. They cannot be subdivided in | ||
+ | smaller component parts. We obtained these parts by primer extension and PCR or by synthesis <i>de novo</i>. | ||
+ | </p> | ||
+ | </div> | ||
− | < | + | <div style="background-color: #FFF; border-radius: 15px;"> |
− | + | <a href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Intermediate"> | |
+ | <h3>Construction intermediate</h3> | ||
+ | </a> | ||
+ | <p>In order to obtain the final biobrick, it has been necessary to construct intermediate gene pieces. | ||
+ | They can be used for other future constructions and allow the combination between parts. | ||
+ | </p> | ||
+ | </div> | ||
− | + | <div style="background-color: #FFF; border-radius: 15px;"> | |
− | <div | + | <a href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Composite"> |
− | <a href=" | + | <h3>Composite Parts</h3> |
− | + | </a> | |
− | </a> | + | <p>We have created several functional units made from the combination of other basic parts in order to |
− | </div> | + | make |
+ | our project possible. | ||
+ | </p> | ||
+ | </div> | ||
− | < | + | <div style="background-color: #FFF; border-radius: 15px;"> |
− | </div> | + | <a href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Improve"> |
+ | <h3>Improved Parts</h3> | ||
+ | </a> | ||
+ | <p>There are the parts that have an improved sequence that results in a better performance and | ||
+ | characterization. | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="double-span" style="background-color: #FFF; border-radius: 15px; grid-column: span 2;"> | ||
+ | <a href="https://2018.igem.org/Team:UPF_CRG_Barcelona/Registry"> | ||
+ | <h3>Parts Registry</h3> | ||
+ | </a> | ||
+ | <p>Here there is the collections of parts that we submitted. </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <dic class="spacer"></div> |
− | <div | + | </section> |
− | + | ||
− | + | ||
− | + | </main> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
+ | </html> | ||
− | + | {{UPF_CRG_Barcelona/footer}} | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<html> | <html> | ||
− | |||
− | |||
− | |||
+ | <!-- JS code --> | ||
+ | <script src="https://2018.igem.org/Team:UPF_CRG_Barcelona/scripts?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script> | ||
+ | <script> | ||
+ | // Initialize Swiper | ||
+ | var swiper = new Swiper('.swiper-container', { | ||
+ | slidesPerView: 5, | ||
+ | slidesPerGroup: 1, | ||
+ | loop: true, | ||
+ | freeMode: true, | ||
+ | observer: true, | ||
+ | watchOverflow: true, | ||
+ | navigation: { | ||
+ | nextEl: '.swiper-button-next', | ||
+ | prevEl: '.swiper-button-prev', | ||
+ | }, | ||
+ | keyboard: { | ||
+ | enabled: true, | ||
+ | }, | ||
+ | watchOverflow: true, | ||
+ | freeModeSticky: true, | ||
+ | mousewheel: { | ||
+ | forceToAxis: true, | ||
+ | }, | ||
+ | preventClicks: true, | ||
+ | iOSEdgeSwipeDetection: true, | ||
+ | observeParents: true, | ||
+ | breakpoints: { | ||
+ | 768: { | ||
+ | slidesPerView: 4, | ||
+ | }, | ||
+ | 640: { | ||
+ | slidesPerView: 3, | ||
+ | }, | ||
+ | 500: { | ||
+ | slidesPerView: 2, | ||
+ | }, | ||
+ | 320: { | ||
+ | slidesPerView: 1, | ||
+ | } | ||
+ | }, | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 00:54, 18 October 2018
PARTS
Basic Parts
These are discrete functional units of DNA, such as promoters or RBSs. They cannot be subdivided in smaller component parts. We obtained these parts by primer extension and PCR or by synthesis de novo.
Construction intermediate
In order to obtain the final biobrick, it has been necessary to construct intermediate gene pieces. They can be used for other future constructions and allow the combination between parts.
Composite Parts
We have created several functional units made from the combination of other basic parts in order to make our project possible.
Improved Parts
There are the parts that have an improved sequence that results in a better performance and characterization.
Parts Registry
Here there is the collections of parts that we submitted.