|
|
Line 45: |
Line 45: |
| #myInput:focus {outline: 3px solid #ddd;} | | #myInput:focus {outline: 3px solid #ddd;} |
| | | |
− | @media screen and (max-width: 800px) {
| + | |
− | button.dropbtn {display:none;}}
| + | |
| </style> | | </style> |
| </head> | | </head> |
Line 158: |
Line 157: |
| </div> | | </div> |
| | | |
− | <div class="dropdowntu">
| |
− | <button onclick="myFunction()" class="dropbtn"><b>Search!</b></button>
| |
− | <div id="myDropdown" class="dropdown-content">
| |
− | <input type="text" placeholder="Search.." id="myInput" onkeyup="filterFunction()">
| |
− | <a href="https://2019.igem.org/Team:TUDelft">Home</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Description">Description</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Design">Design</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Results">Results</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Demonstrate">Demonstrate</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Experiments">Experiments Protocols</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Safety">Safety</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Notebook">Notebook</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Modeling">Modeling</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Model#Kinetics">Reaction Kinetics</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Model#CodonUsage">Codon Harmonization</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Parts">Parts</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Human_Prediction">Human Practices</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Public_Engagement">Education & Engagement </a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Team">Team</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Collaborations">Collaborations</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Attributions">Attributions</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Sponsors">Sponsors</a>
| |
− | <a href="https://igem.org/2019_Judging_Form?id=2918>Judging Form</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Medals">Medal Requirements</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Public_Engagement">Foldscope Event</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Public_Engagement">Global Meeting Point</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Design#moclo">Modular Cloning (MoClo)</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Model">TALE</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Design">phi29</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Desgin">Orthogonality</a>
| |
− | <a href="https://2019.igem.org/Team:TUDelft/Description">Inspiration</a>
| |
| | | |
− | <a href="https://2019.igem.org/Team:TUDelft/Medals">Medals</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Public_Engagement">Foldscope Event</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Public_Engagement">Global Meeting Point</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Design#moclo">Modular Cloning (MoClo)</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Model">TALE</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Design">phi29</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Desgin">Orthogonality</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Description">Inspiration</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Human_Practices">Use Case Scenario</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Human_Practices">Microplastics</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Model">iFFL</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Design">Universal Toolkit</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Description">Sci-Phi29</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Parts">Favourite Composite Part</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Parts">Favourite Basic Part</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Model#TranscriptionalVariations">Transcriptional Variance</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Model#TranslationalVariationsl">Translational Variance</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Model#Kinetics">Copy Number Independence</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Design">Broad Host Range Promoter</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Public_Engagement">Safe By Desgin</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Public_Engagement">Motivation</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Public_Engagement">Impact</a>
| + | |
− | <a href="https://2019.igem.org/Team:TUDelft/Results">Parts Construction</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
| <a class="social" href="mailto:igem@tudelft.nl"><img id="social" src="https://static.igem.org/mediawiki/2019/b/b4/T--TUDELFT--mailicon.png" alt="Email" /></a> | | <a class="social" href="mailto:igem@tudelft.nl"><img id="social" src="https://static.igem.org/mediawiki/2019/b/b4/T--TUDELFT--mailicon.png" alt="Email" /></a> |
Line 230: |
Line 174: |
| </div> | | </div> |
| | | |
− | <script>
| |
− | /* When the user clicks on the button,
| |
− | toggle between hiding and showing the dropdown content */
| |
− | function myFunction() {
| |
− | document.getElementById("myDropdown").classList.toggle("show");
| |
− | }
| |
− |
| |
− | function filterFunction() {
| |
− | var input, filter, ul, li, a, i;
| |
− | input = document.getElementById("myInput");
| |
− | filter = input.value.toUpperCase();
| |
− | div = document.getElementById("myDropdown");
| |
− | a = div.getElementsByTagName("a");
| |
− | for (i = 0; i < a.length; i++) {
| |
− | txtValue = a[i].textContent || a[i].innerText;
| |
− | if (txtValue.toUpperCase().indexOf(filter) > -1) {
| |
− | a[i].style.display = "";
| |
− | } else {
| |
− | a[i].style.display = "none";
| |
− | }
| |
− | }
| |
− | }
| |
− | </script>
| |
− | </script>
| |
| </body> | | </body> |
| | | |
| </html> | | </html> |