Difference between revisions of "Team:Goettingen/Description"

(Prototype team page)
 
Line 1: Line 1:
−
{{Goettingen}}
 
 
<html>
 
<html>
 +
    <head>
 +
    <meta charset="UTF-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 +
    <style>
 +
        .content{
 +
            font-family: Tahoma, Geneva, sans-serif;
 +
        }
 +
    </style>
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Goettingen/css/main?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Goettingen/css/mindmap?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Team:Goettingen/css/imageslider?action=raw&ctype=text/css">
 +
    <script src="https://2018.igem.org/Team:Goettingen/JQuery331?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
    <script src="https://2018.igem.org/Team:Goettingen/js/animejs?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
    <script src="https://2018.igem.org/Team:Goettingen/js/main?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
    <script src="https://2018.igem.org/Team:Goettingen/js/frontside?action=raw&ctype=text/javascript" type="text/javascript">
 +
    </script>
 +
    </head>
  
−
 
+
    <body>
−
 
+
        <div class="slider_modalFoundation">
−
<div class="column full_size">
+
            <div class="slider_modalContainer modalFade">
−
<h1>Description</h1>
+
                <div class="slider_modalBg">
−
 
+
                    <div class="slider_modalImgContainer">
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
                        <button class="slider_button slider_modalButton slider_modalLeft">&#10094;</button>
−
 
+
                        <button class="slider_button slider_modalButton slider_modalRight">&#10095;</button>
−
</div>
+
                        <img class="slider_modalImg" src="">
−
 
+
                    </div>
−
 
+
                    <p id="slider_modalDescription"></p>
−
 
+
                    <button class="slider_modalExit">&#x2716;</button>
−
<div class="column two_thirds_size">
+
                </div>
−
<h3>What should this page contain?</h3>
+
            </div>
−
<ul>
+
        </div>
−
<li> A clear and concise description of your project.</li>
+
        <div class=wrapper>
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
            <!-- Sidebar-Menü-->
−
<li>References and sources to document your research.</li>
+
            <div class="side_container">
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
                <nav class="side_menu">
−
</ul>
+
                    <a href="#" class="side_items">Home</a>
−
</div>
+
                    <button class="dropdown_button side_items">Team</button>
−
 
+
                    <div class="side_menu_dropdown_container">
−
<div class="column third_size" >
+
                        <div class="side_menu_dropdown">
−
<div class="highlight decoration_A_full">
+
                            <a href="#">Team Members</a>
−
<h3>Inspiration</h3>
+
                            <a href="#">Collaborations</a>
−
<p>See how other teams have described and presented their projects: </p>
+
                        </div>
−
 
+
                    </div>
−
<ul>
+
                    <button class="dropdown_button side_items">Project</button>
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
+
                    <div class="side_menu_dropdown_container">
−
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
+
                        <div class="side_menu_dropdown">
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
+
                            <a href="#">Description</a>
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</a></li>
+
                            <a href="#">Design</a>
−
</ul>
+
                            <a href="#">Experiments</a>
−
</div>
+
                            <a href="#">Notebook</a>
−
</div>
+
                            <a href="#">InterLab</a>
−
 
+
                            <a href="#">Results</a>
−
 
+
                            <a href="#">Demonstrate</a>
−
 
+
                            <a href="#">Attributions</a>
−
 
+
                        </div>
−
<div class="column two_thirds_size" >
+
                    </div>
−
<h3>Advice on writing your Project Description</h3>
+
                    <button class="dropdown_button side_items">Parts</button>
−
 
+
                    <div class="side_menu_dropdown_container">
−
<p>
+
                        <div class="side_menu_dropdown">
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be concise, accurate, and unambiguous in your achievements.  
+
                            <a href="#">Parts Overview</a>
−
</p>
+
                            <a href="#">Basic Parts</a>
−
 
+
                            <a href="#">Composite Parts</a>
−
</div>
+
                            <a href="#">Part Collection</a>
−
 
+
                        </div>
−
<div class="column third_size">
+
                    </div>
−
<h3>References</h3>
+
                    <a href="#" class="side_items">Safety</a>
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
+
                    <button class="dropdown_button side_items">Human Practices</button>
−
 
+
                    <div class="side_menu_dropdown_container">
−
</div>
+
                        <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 id="social_items_container">
 +
                        <a class="social_items" target="_blank" href="https://www.facebook.com/IGEM2018/">
 +
                            <img class="facebook" src="https://static.igem.org/mediawiki/2018/9/90/T--Goettingen--social-facebook.png" alt="Facebook-Button">
 +
                        </a>
 +
                        <a class="social_items" target="_blank" href="https://twitter.com/GoIgem">
 +
                            <img class="social_items" src="https://static.igem.org/mediawiki/2018/1/18/T--Goettingen--social-twitter.png" alt="Twitter-Button">
 +
                        </a>
 +
                        <a class= "social_items" target="_blank" href="https://www.instagram.com/igem_goettingen_2018/">
 +
                            <img class="instagram" src="https://static.igem.org/mediawiki/2018/c/c2/T--Goettingen--social-instagram.png" alt="Instagram-Button">
 +
                        </a>
 +
                    </div>
 +
                    <div class="triangle_down_inside"></div>
 +
                </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="slider_frame">
 +
            <div class="slider_slideWrapper">
 +
                <div class="slider_imgContainer">
 +
                    <img src="https://static.igem.org/mediawiki/2018/9/90/T--Goettingen--Main-Page-slider-picture5.jpg" alt="Dies ist ein Testdurchlauf"/>
 +
                </div>
 +
                <div class="slider_imgContainer">
 +
                    <img src="https://static.igem.org/mediawiki/2018/9/9f/T--Goettingen--Main-Page-slider-picture4.jpg" alt="Dies ist ein zweiter Testdurchlauf"/>
 +
                </div>
 +
                <div class="slider_imgContainer">
 +
                    <img src="https://static.igem.org/mediawiki/2018/2/20/T--Goettingen--Main-Page-slider-picture3.jpg"/>
 +
                </div>
 +
                <div class="slider_imgContainer">
 +
                    <img src="https://static.igem.org/mediawiki/2018/e/e4/T--Goettingen--Main-Page-slider-picture2.jpg"/>
 +
                </div>
 +
                <div class="slider_imgContainer">
 +
                    <img src="https://static.igem.org/mediawiki/2018/2/26/T--Goettingen--Main-Page-slider-picture1.jpg"/>
 +
                </div>
 +
            </div>
 +
            <button class="slider_button button_left">&#10094;</button>
 +
            <button class="slider_button button_right">&#10095;</button>
 +
        </div>
 +
        <div id="mindmap_wrapper">
 +
                <div class="mindmap_background"></div>
 +
                <div class="mindmap_iGEMLogo">
 +
                    <img src="https://static.igem.org/mediawiki/2018/a/a5/T--Goettingen--Main-Page-mindmap-iGEM-Logo.png">
 +
                </div>
 +
                <div class="mindmap_topic">Project</div>
 +
                <div class="mindmap_topic">Our Team</div>
 +
                <div class="mindmap_topic">Safety</div>
 +
                <div class="mindmap_topic">Awards</div>
 +
                <div class="mindmap_topic">Fun</div>
 +
            </div>
 +
        </div>
 +
            <!-- Bereich für den Footer-->
 +
            <div id="footer_container">
 +
                <div class="triangle_up"></div>
 +
                <div class="footer">
 +
                    <div class="footer_top">
 +
                        <div class="footer_sponsoren">
 +
                            <div id="sponsor_text">Sponsored by:</div>
 +
                            <img id="sartorius" src="https://static.igem.org/mediawiki/2018/d/db/T--Goettingen--Main-Page-sartorius.png" alt="Sartorius-Sponsor">
 +
                            <img id="goettingen" src="https://static.igem.org/mediawiki/2018/f/f6/T--Goettingen--Main-Page-goettingen.png" alt="Uni-Goettingen-Sponsor">                      
 +
                            <img id="gzmb" src="https://static.igem.org/mediawiki/2018/8/8c/T--Goettingen--Main-Page-gzmb.png" alt="GZMB-Sponsor">
 +
                        </div>
 +
                        <div> </div>
 +
                        <div id="footer_contact">
 +
                            <table>
 +
                                <tr><th>Contact</th></tr>
 +
                                <tr>
 +
                                    <td>E-mail:</td><td>igem2013@uni-goettingen.de</td>
 +
                                </tr>
 +
                                <tr>
 +
                                    <td>Adress:</td><td>c/o iGEM 2018</td>
 +
                                </tr>
 +
                                <tr>
 +
                                    <td></td><td>Department of General Microbiology</td>
 +
                                </tr>
 +
                                <tr>
 +
                                    <td></td><td>Grisebachstraße </td>
 +
                                </tr>
 +
                                <tr>
 +
                                    <td></td><td>37077 Göttingen</td>
 +
                                </tr>
 +
                                <tr>
 +
                                    <td></td><td>Germany</td>
 +
                                </tr>
 +
                            </table>
 +
                        </div>
 +
                        <div class="footer_halloffame">
 +
                                We are especially grateful to our numerous sponsors on <a href="https://de.gofundme.com/glyphosate-on-my-plate">gofundme</a>, who supported our project and made it possible.<br/>
 +
                                Every donor, who helped us to achieve our goals got a special place on our bacterial wall of fame and a handdrawn microbe to show our appreciation. A link to that wall can be found here:<br/>
 +
                                <p style="text-align: center; font-size: 1.3em"><a href="#">Bacterial Wall of Fame</a></p>
 +
                        </div>
 +
                    </div>  
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </body>
 
</html>
 
</html>

Revision as of 15:40, 19 June 2018

Dies ist ein Testdurchlauf
Dies ist ein zweiter Testdurchlauf
Project
Our Team
Safety
Awards
Fun