|
|
(98 intermediate revisions by 5 users not shown) |
Line 1: |
Line 1: |
− | | + | {{Goettingen/Main}} |
− | {{:Team:Goettingen/Menu}} | + | |
− | {{:Team:Goettingen/JQuery331}}
| + | |
− | | + | |
| <html> | | <html> |
− | <style>
| + | <head> |
− | .content{
| + | <link rel="stylesheet" href="https://2018.igem.org/Team:Goettingen/css/main_page?action=raw&ctype=text/css"> |
− | font-family: Tahoma, Geneva, sans-serif;
| + | <script src="https://2018.igem.org/Team:Goettingen/js/anime?action=raw&ctype=text/javascript"></script> |
− | }
| + | <script src="https://2018.igem.org/Team:Goettingen/js/main_page?action=raw&ctype=text/javascript"></script> |
− | </style> | + | </head> |
− | <script> | + | |
− | $(document).ready(function(){ | + | |
− | $(".dropdown_button").click(function(){
| + | |
− | if(!($(this).hasClass("active"))){
| + | |
− | $(".active").next().slideUp(1000);
| + | |
− | $(".active").removeClass("active");
| + | |
− | $(this).next().slideDown(1000);
| + | |
− | $(this).addClass("active");
| + | |
− | }
| + | |
− | });
| + | |
− | });
| + | |
− | </script> | + | |
− | <script> | + | |
− | | + | |
− | alert( $.fn.jquery )
| + | |
| | | |
− | </script> | + | <body> |
− | <head>
| + | <div class="site-content"> |
− | </head> | + | <div class="main"> |
− | <body>
| + | <video id="main-content_glyphvideo" autoplay muted controls="false" loop> |
− | <div class=wrapper>
| + | <source src="https://static.igem.org/mediawiki/2018/e/e9/T--Goettingen--Main-Page-Introduction.mp4"> |
− | <!-- Sidebar-Menü-->
| + | </video> |
− | <div class="side_container">
| + | <div class="article article-main"> |
− | <nav class="side_menu">
| + | <h2>iGEM Team Göttingen 2018</h2> |
− | <a href="https://2018.igem.org/Team:Goettingen" class="side_items">Home</a>
| + | <p>Welcome to the WIKI page of the iGEM Team Göttingen! We are happy to introduce you to our topic “Glyphosate on my plate?! Detection and inactivation of Glyphosate using soil bacterium <i>Bacillus subtilis</i>”. Interested in finding out more about us and our project? Please use the interactive buttons beneath or the menu bar to choose the topic of your interest! You can also visit us on our social media pages using the icons to the left.</p> |
− | <button class="dropdown_button side_items">Team</button>
| + | <p></p> |
− | <div class="side_menu_dropdown_container">
| + | |
− | <div class="side_menu_dropdown">
| + | </div> |
− | <a href="https://2018.igem.org/Team:Goettingen/Team">Team Members</a>
| + | <div id="mindmap_wrapper"> |
− | <a href="#">Collaborations</a>
| + | <div class="mindmap_background"></div> |
− | </div>
| + | <div class="mindmap_iGEMLogo"> |
− | </div>
| + | <img src="https://static.igem.org/mediawiki/2018/a/a5/T--Goettingen--Main-Page-mindmap-iGEM-Logo.png"> |
− | <button class="dropdown_button side_items">Project</button>
| + | </div> |
− | <div class="side_menu_dropdown_container">
| + | <a class="mindmap_topic" href="https://2018.igem.org/Team:Goettingen/Description" style="background-image: url(https://static.igem.org/mediawiki/2018/f/f0/T--Goettingen--Main-Page-project.png)">Project</a> |
− | <div class="side_menu_dropdown">
| + | <a class="mindmap_topic" href="https://2018.igem.org/Team:Goettingen/Human_Practices" style="background-image: url(https://static.igem.org/mediawiki/2018/c/c5/T--Goettingen--Main-Page-team.png)">Human Practices</a> |
− | <a href="#">Description</a>
| + | <a class="mindmap_topic" href="https://2018.igem.org/Team:Goettingen/Safety" style="background-image: url(https://static.igem.org/mediawiki/2018/4/43/T--Goettingen--Main-Page-safety.png)">Safety</a> |
− | <a href="#">Design</a>
| + | <a class="mindmap_topic" href="https://2018.igem.org/Team:Goettingen/Applied_Design" style="background-image: url(https://static.igem.org/mediawiki/2018/6/64/T--Goettingen--Main-Page-awards.png)">Awards</a> |
− | <a href="#">Experiments</a>
| + | <a class="mindmap_topic" href="https://2018.igem.org/Team:Goettingen/News" style="background-image: url(https://static.igem.org/mediawiki/2018/4/4e/T--Goettingen--Main-Page-news.png)">News</a> |
− | <a href="#">Notebook</a>
| + | </div> |
− | <a href="#">InterLab</a>
| + | </div> |
− | <a href="#">Results</a>
| + | </div> |
− | <a href="#">Demonstrate</a>
| + | </body> |
− | <a href="#">Attributions</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <button class="dropdown_button side_items">Parts</button>
| + | |
− | <div class="side_menu_dropdown_container">
| + | |
− | <div class="side_menu_dropdown">
| + | |
− | <a href="#">Parts Overview</a>
| + | |
− | <a href="#">Basic Parts</a>
| + | |
− | <a href="#">Composite Parts</a>
| + | |
− | <a href="#">Part Collection</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <a href="#" class="side_items">Safety</a>
| + | |
− | <button class="dropdown_button side_items">Human Practices</button>
| + | |
− | <div class="side_menu_dropdown_container">
| + | |
− | <div class="side_menu_dropdown">
| + | |
− | <a href="#">Human Practices</a>
| + | |
− | <a href="#">Education & Engagement</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <button class="dropdown_button side_items">Awards</button>
| + | |
− | <div class="side_menu_dropdown_container">
| + | |
− | <div class="side_menu_dropdown">
| + | |
− | <a href="#">Applied Design</a>
| + | |
− | <a href="#">Entrepreneurship</a>
| + | |
− | <a href="#">Measurement</a>
| + | |
− | <a href="#">Model</a>
| + | |
− | <a href="#">Plant</a>
| + | |
− | <a href="#">Software</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <a href="#" class="side_items">Judging Form</a>
| + | |
− | </nav>
| + | |
− | <div class="triangle_down">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="content">
| + | |
− | <video class="front_video" autoplay muted loop>
| + | |
− | <source src="https://static.igem.org/mediawiki/2018/e/e9/T--Goettingen--Main-Page-Introduction.mp4" type="video/mp4">
| + | |
− | </video>
| + | |
− | <div class="example_textfield">
| + | |
− | Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
| + | |
− | </div>
| + | |
− | <div class="example_textfield" style="line-height: 300px; font-size: 3em; text-align: center">Mindmap</div>
| + | |
− | </div>
| + | |
− | <!-- Bereich für den Footer-->
| + | |
− | <div class="footer_container">
| + | |
− | <div class="triangle_up"></div>
| + | |
− | <div class="footer">
| + | |
− | Footer-Platzhalter
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </body>
| + | |
| </html> | | </html> |