|
|
Line 1: |
Line 1: |
− | {{Humboldt_Berlin}} | + | {{Example2}} |
| <html> | | <html> |
| | | |
− | <div class="has-animations description no-js" id="container">
| |
− | <div class="container">
| |
| | | |
− | <!------------------------------------------ NAVIGATION -------------------------------------------------->
| |
− | <!-- INFO: move the class="active" to the correct <a> Tag -->
| |
| | | |
− | <nav>
| + | <div class="column full_size judges-will-not-evaluate"> |
− | <div class="width-limit nav-content">
| + | <h3>★ ALERT! </h3> |
− | <div>
| + | <p>This page is used by the judges to evaluate your team for the <a href="https://2019.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2019.igem.org/Judging/Awards"> award listed below</a>. </p> |
− | <a href="/Team:Humboldt_Berlin">
| + | <p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2019.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p> |
− | <img class="nav-logo" src="https://static.igem.org/mediawiki/2019/4/41/T--Humboldt_Berlin--logo-only.png" alt="small header logo" />
| + | </div> |
− | </a>
| + | |
− | </div>
| + | |
− | <div class="nav-right">
| + | |
− | <input type="checkbox" />
| + | |
− | <span></span>
| + | |
− | <span></span>
| + | |
− | <span></span>
| + | |
| | | |
− | <div class="menu-items">
| |
− | <a href="/Team:Humboldt_Berlin">
| |
− | Home
| |
− | </a>
| |
− | <div class="devider"></div>
| |
− | <div class="item">
| |
− | <a href="/Team:Humboldt_Berlin/Team">Team</a>
| |
− | <div class="submenu">
| |
− | <a href="/Team:Humboldt_Berlin/Team">Team members</a>
| |
− | <a href="/Team:Humboldt_Berlin/Collaborations">Collaborations</a>
| |
− | </div>
| |
− | </div>
| |
− | <div class="devider"></div>
| |
− | <div class="item">
| |
− | <a href="/Team:Humboldt_Berlin/Description">Project</a>
| |
− | <div class="submenu">
| |
− | <a href="/Team:Humboldt_Berlin/Description">Description</a>
| |
− | <a href="/Team:Humboldt_Berlin/Design">Design</a>
| |
− | <a href="/Team:Humboldt_Berlin/Experiments">Experiments</a>
| |
− | <a href="/Team:Humboldt_Berlin/Notebook">Notebook</a>
| |
− | <a href="/Team:Humboldt_Berlin/Contribution">Contribution</a>
| |
− | <a href="/Team:Humboldt_Berlin/Results">Results</a>
| |
− | <a href="/Team:Humboldt_Berlin/Demonstrate">Demonstrate</a>
| |
− | <a href="/Team:Humboldt_Berlin/Improve">Improve</a>
| |
− | <a href="/Team:Humboldt_Berlin/Attributions">Attributions</a>
| |
− | </div>
| |
− | </div>
| |
− | <div class="devider"></div>
| |
− | <div class="item">
| |
− | <a class="active" href="/Team:Humboldt_Berlin/Parts">Parts</a>
| |
− | <div class="submenu">
| |
− | <a href="/Team:Humboldt_Berlin/Parts">Parts overview</a>
| |
− | <a href="/Team:Humboldt_Berlin/Basic_Part">Basic parts</a>
| |
− | <a class="active" href="/Team:Humboldt_Berlin/Composite_Part">Composite parts</a>
| |
− | <a href="/Team:Humboldt_Berlin/Part_Collection">Parts collection</a>
| |
− | </div>
| |
− | </div>
| |
− | <div class="devider"></div>
| |
− | <div class="item">
| |
− | <a href="/Team:Humboldt_Berlin/Safety">Safety</a>
| |
− | </div>
| |
− | <div class="devider"></div>
| |
− | <div class="item">
| |
− | <a href="/Team:Humboldt_Berlin/Human_Practices">Human Practices</a>
| |
− | <div class="submenu">
| |
− | <a href="/Team:Humboldt_Berlin/Human_Practices">Human Practices</a>
| |
− | <a href="/Team:Humboldt_Berlin/Public_Engagement">Education & Engagement</a>
| |
− | </div>
| |
− | </div>
| |
− | <div class="devider"></div>
| |
− | <div class="item">
| |
− | <a>Awards</a>
| |
− | <div class="submenu">
| |
− | <a href="/Team:Humboldt_Berlin/Hardware">Hardware</a>
| |
− | <a href="/Team:Humboldt_Berlin/Measurement">Measurement</a>
| |
− | <a href="/Team:Humboldt_Berlin/Model">Model</a>
| |
− | <a href="/Team:Humboldt_Berlin/Plant">Plant</a>
| |
− | </div>
| |
− | </div>
| |
− | <div class="devider"></div>
| |
− | <a href="https://2019.igem.org/Team:Humboldt_Berlin/Achievements">
| |
− | For Judges
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </nav>
| |
| | | |
− | <!------------------------------------------ NAVIGATION END -------------------------------------------------->
| + | <div class="clear"></div> |
| | | |
− | <!------------------------------------------ HEADER-------------------------------------------------->
| |
− | <div class="fixed-header-container">
| |
− | <section class="fixed-image-header">
| |
− | <!-- HEADER IMAGE -->
| |
− | <img src="https://static.igem.org/mediawiki/2019/d/d6/T--Humboldt_Berlin--Parts_9.jpeg" alt="Building Blocks" />
| |
− | </section>
| |
| | | |
− | <!-- HEADLINE TEXT -->
| |
− | <h1 class="page-headline description" style="color:#ffffff">Composite </br>
| |
− | </br>Part</h1>
| |
− | </div>
| |
| | | |
− | <!------------------------------------------ HEADER END -------------------------------------------------->
| |
| | | |
− | <section class="page-content fixed-header-content">
| |
− | <!---------- SUB HEADLINE ------------->
| |
− | <h2 class="page-subheadline">Subheadline</h2>
| |
| | | |
− | <!------------------------------------------ TWO COLUMN IMG LEFT -------------------------------------------------->
| + | <div class="column full_size"> |
| + | <h1>Composite Parts</h1> |
| | | |
− | <div class="width-limit">
| |
− | <div class="two-columns">
| |
− | <div>
| |
− | <!-- IMAGE -->
| |
− | <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/5/54/T--Humboldt_Berlin--ideonella_grafik.png" alt="ideonella grafic" />
| |
− | </div>
| |
− | <div>
| |
− | <!----------------------------------------------------------------------->
| |
− | <!----------------------------TEXT---------------------------->
| |
− | <!----------------------------------------------------------------------->
| |
− | <h3 class="headline3">Text Headline</h3>
| |
− | <p class="block-text medium-sized">
| |
− | Text for the two column thingy here
| |
− | </p>
| |
− | </div>
| |
− | </div>
| |
| | | |
− | <!--------------------------------------- TWO COLUMN IMG LEFT END ----------------------------------------------->
| + | <p> |
| + | A composite part is a functional unit of DNA consisting of two or more basic parts assembled together. <a href="http://parts.igem.org/wiki/index.php/Part:BBa_I13507">BBa_I13507</a> is an example of a composite part, consisting of an RBS, a protein coding region for a red fluorescent protein, and a terminator. |
| + | </p> |
| | | |
− | <!---------------------------------------------- QUOTE -------------------------------------------------------->
| + | <p>New composite BioBrick devices can be made by combining existing BioBrick Parts (like Inverters, Amplifiers, Smell Generators, Protein Balloon Generators, Senders, Receivers, Actuators, and so on).</p> |
| + | </div> |
| | | |
− | <blockquote class="quote image-left">
| + | <div class="column full_size"> |
− | <div class="quote-image-container">
| + | <div class="highlight decoration_background"> |
− | <!-- QUOTE IMAGE -->
| + | <h3>Note</h3> |
− | <img src="https://static.igem.org/mediawiki/2019/2/2d/T--Humboldt_Berlin--flasche_igem.png" alt="plastic bottle illustration" />
| + | <p>This page should list all the composite parts your team has made during your project and include direct links to your Parts main pages on the Registry. <b>You must add all characterization information for your parts on Parts Main Page on the Registry.</b> You should <b>not</b> put characterization information on this page. Remember judges will only look at the first part in the list for the Best Composite Part award, so put your best part first!</p> |
− | </div>
| + | </div> |
− | <div class="block-text big-underline big-text">
| + | </div> |
− | <!----------------------------------------------------------------------->
| + | |
− | <!---------------------------- Quote Text ---------------------------->
| + | |
− | <!----------------------------------------------------------------------->
| + | |
− | <p><b>
| + | |
− | Have the Quote Text Here - it is underlined
| + | |
− | </b></p>
| + | |
− | </div>
| + | |
− | </blockquote>
| + | |
| | | |
− | <!---------------------------------------------- QUOTE END ------------------------------------------------------->
| |
| | | |
− | <!------------------------------------------ TWO COLUMN IMG RIGHT ------------------------------------------------>
| |
| | | |
− | <div class="two-columns">
| + | <div class="column full_size"> |
− | <div>
| + | <h3>Best Composite Part Special Prize</h3> |
− | <!----------------------------------------------------------------------->
| + | |
− | <!------------------IGEM PROJECTS THAT INSPIRED US----------------------->
| + | |
− | <!----------------------------------------------------------------------->
| + | |
− | <h3 class="headline3">Headline</h3>
| + | |
− | <p class="block-text medium-sized">
| + | |
− | Text for the two column image right block
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <!--- IMAGE --->
| + | |
− | <img class="is-revealing" src="https://static.igem.org/mediawiki/2019/b/bc/T--Humboldt_Berlin--microplastic_icon.png" alt="microplastic icon" />
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
− | <!--------------------------------------- TWO COLUMN IMG RIGHT END ------------------------------------------------>
| + | <p>To be eligible for this award, this part <b>must be well documented on the part's Main Page on the Registry</b>. If you have a part you wish to nominate your team for this <a href="https://2019.igem.org/Judging/Awards">special prize</a>, make sure you add your part number to your <a href="https://2019.igem.org/Judging/Judging_Form">judging form</a> and delete the alert box at the top of this page. |
| | | |
− | <!------------------------------------------ TWO COLUMN LONG TEXT ------------------------------------------------>
| + | <br><br> |
− | <div class="two-columns-headline">
| + | <b>Please note:</b> Judges will only look at the first part number you list, so please only enter ONE (1) part number in the judging form for this prize. </p> |
− | <!-- HEADLINE -->
| + | |
− | <h3 class="headline3">Long text headline</h3>
| + | |
− | </div>
| + | |
− | <div class="two-columns block-text medium-sized not-centered no-margin-top">
| + | |
− | <div>
| + | |
− | <!-- TEXT - PARAGRAPHS ARE WRAPPED IN <p> TAGS -->
| + | |
− | <p>
| + | |
− | Paragraph Left 1
| + | |
− | </p>
| + | |
− | <p>
| + | |
− | Paragraph Left 2
| + | |
− | </p>
| + | |
− | <br />
| + | |
− | <!-- IMAGE INBETWEEN -->
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/4/42/T--Humboldt_Berlin--chlamy_overview-cloning-system.png" alt="Pverview of the hierarchical and modular cloning system" />
| + | |
− | <p>
| + | |
− | Paragraph Left 3
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <p>
| + | |
− | Paragraph Right 1
| + | |
− | </p>
| + | |
− | <p>
| + | |
− | Paragraph Right 2
| + | |
− | </p>
| + | |
− | <p>
| + | |
− | Paragraph Right 3
| + | |
− | </p>
| + | |
− | <p>
| + | |
− | Paragraph Right 4
| + | |
− | </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
− | <!------------------------------------------ TWO COLUMN LONG TEXT END -------------------------------------------->
| + | </div> |
− | | + | |
− | <!------------------------------------------ DEVIDER LINE -------------------------------------------->
| + | |
− | <div class="greyblue-devider"></div>
| + | |
− | <!------------------------------------------ DEVIDER LINE END -------------------------------------------->
| + | |
− | | + | |
− | <!------------------------------------------ TWO COLUMN SMALL TEXT -------------------------------------------->
| + | |
− | | + | |
− | <section class="width-limit">
| + | |
− | <div class="two-columns block-text not-centered small-sized">
| + | |
− | <div>
| + | |
− | <!-- TEXT LEFT COLUMN -->
| + | |
− | <p>Small Text Left Column
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <!-- TEXT RIGHT COLUMN -->
| + | |
− | <p>Small Text Right Column</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | | + | |
− | <!------------------------------------------ TWO COLUMN SMALL TEXT END ---------------------------------------->
| + | |
− | | + | |
− | </section>
| + | |
− | | + | |
− | </div>
| + | |
− | | + | |
− | <!------------------------------------------ FOOTER ---------------------------------------->
| + | |
− | <div class="footer-container">
| + | |
− | <footer class="width-limit">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/e/ee/T--Humboldt_Berlin--logo_black.png" class="footer-logo" alt="Chlamylicious Logo Black" />
| + | |
− | <div class="footer-right">
| + | |
− | <ul>
| + | |
− | <li>
| + | |
− | <a href="/Team:Humboldt_Berlin">
| + | |
− | Home
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="/Team:Humboldt_Berlin/Team">
| + | |
− | Team
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="/Team:Humboldt_Berlin/Description">
| + | |
− | Project
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | <ul>
| + | |
− | <li>
| + | |
− | <a href="/Team:Humboldt_Berlin/Parts">
| + | |
− | Parts
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="/Team:Humboldt_Berlin/Safety">
| + | |
− | Safety
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="/Team:Humboldt_Berlin/Human_Practices">
| + | |
− | Human Practices
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li>
| + | |
− | <a href="https://igem.org/2019_Judging_Form?team=Humboldt_Berlin">
| + | |
− | For Judges
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </footer>
| + | |
− | </div>
| + | |
− | | + | |
− | <!------------------------------------------ FOOTER END ---------------------------------------->
| + | |
− | | + | |
− | <script>
| + | |
− | (function () {
| + | |
− | document.querySelector('.no-js').classList.add('js')
| + | |
− | document.querySelector('.no-js').classList.remove('no-js')
| + | |
− | }())
| + | |
− |
| + | |
− | window.addEventListener("scroll", function () {
| + | |
− | const elements = document.querySelectorAll('.is-revealing');
| + | |
− |
| + | |
− | [].forEach.call(elements, function(el) {
| + | |
− | if (isElementVisible(el)) {
| + | |
− | el.classList.add('is-revealing-visible')
| + | |
− | }
| + | |
− | });
| + | |
− | });
| + | |
− |
| + | |
− | function isElementVisible(el) {
| + | |
− | var top = el.offsetTop;
| + | |
− | var height = el.offsetHeight;
| + | |
− |
| + | |
− | while(el.offsetParent) {
| + | |
− | el = el.offsetParent;
| + | |
− | top += el.offsetTop;
| + | |
− | }
| + | |
− |
| + | |
− | return (
| + | |
− | (top + height) <= (window.pageYOffset + window.innerHeight) + 100
| + | |
− | );
| + | |
− | }
| + | |
− | </script>
| + | |
| | | |
| </html> | | </html> |