Difference between revisions of "Template:Linkoping Sweden"

 
(16 intermediate revisions by 2 users not shown)
Line 3: Line 3:
  
 
<html>
 
<html>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<script type="text/javascript" src="/Template:Linkoping_Sweden/Javascript?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="/Template:Linkoping_Sweden/Javascript?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="/Template:Linkoping_Sweden/Javascript/jquery-resize?action=raw&ctype=text/javascript"></script>
  
 
<div class="content-container">
 
<div class="content-container">
                    <div class="menu">
+
    <div class="menu">
                        <div class="head">
+
        <div class="head">
                            <img src="https://static.igem.org/mediawiki/2016/9/91/T--Linkoping_Sweden--LiU_iGEM_logo.png"/>
+
            <video id="header-video" muted="true" width="1100" loop="true" autostart autoplay>
 +
                <source src="https://static.igem.org/mediawiki/2016/c/c0/T--Linkoping_Sweden--HeaderVideo.webm" type="video/webm">
 +
                <source src="https://static.igem.org/mediawiki/2016/5/52/T--Linkoping_Sweden--HeaderVideo.mp4" type="video/mp4">
 +
                <source src="https://static.igem.org/mediawiki/2016/7/73/T--Linkoping_Sweden--HeaderVideo.ogg" type="video/ogg">
 +
            </video>
 +
            <div id="header-content">
 +
                <a href="/Team:Linkoping_Sweden">
 +
                    <img src="https://static.igem.org/mediawiki/2016/9/91/T--Linkoping_Sweden--LiU_iGEM_logo.png"/>
 +
                </a>
  
 +
                <div id="social-media">
 +
                    <a href="https://www.facebook.com/LiuIgem" target="_blank">
 +
                        <img src="https://static.igem.org/mediawiki/2016/b/b8/T--Linkoping_Sweden--social_fb_icon.svg"/>
 +
                    </a>
 +
                    <a href="https://www.instagram.com/liu_igem/" target="_blank">
 +
                        <img src="https://static.igem.org/mediawiki/2016/9/92/T--Linkoping_Sweden--social_instagram_icon.svg"/>
 +
                    </a>
 +
                    <a href="https://twitter.com/liuigem" target="_blank">
 +
                        <img src="https://static.igem.org/mediawiki/2016/8/80/T--Linkoping_Sweden--social_twitter_icon.svg"/>
 +
                    </a>
 +
                </div>
  
                            <div id="menu-facebook">
+
                <button class="menu-button">
                                <img src="https://static.igem.org/mediawiki/2016/b/b8/T--Linkoping_Sweden--social_fb_icon.svg"/>
+
                    <span></span>
                            </div>
+
                    <span></span>
                            <div id="menu-instagram">
+
                    <span></span>
                                <img src="https://static.igem.org/mediawiki/2016/9/92/T--Linkoping_Sweden--social_instagram_icon.svg"/>
+
                </button>
                            </div>
+
            </div>
                            <div id="menu-twitter">
+
        </div>
                                <img src="https://static.igem.org/mediawiki/2016/8/80/T--Linkoping_Sweden--social_twitter_icon.svg"/>
+
    </div>
                            </div>
+
                        </div>
+
                    </div>
+
  
  
                    <div class="closed-menu">
+
    <div class="closed-menu">
                        <div class="menu-category">
+
        <button class="menu-button">
                            <a href="/Team:Linkoping_Sweden/Team">Team</a>
+
            <span></span>
                            <div class="menu-items">
+
            <span></span>
                                <a href="/Team:Linkoping_Sweden/Collaborations">Collaborations</a>
+
            <span></span>
                                <a href="/Team:Linkoping_Sweden/Attributions">Attributions</a>
+
        </button>
                            </div>
+
        <div id="mobile-menu">
                        </div>
+
            LiU iGEM
                        <div class="menu-category">
+
            <div>
                            <a href="/Team:Linkoping_Sweden/Description">Project</a>
+
                <a href="https://www.facebook.com/LiuIgem" target="_blank">
                            <div class="menu-items">
+
                    <img src="https://static.igem.org/mediawiki/2016/b/b8/T--Linkoping_Sweden--social_fb_icon.svg"/>
                                <a href="/Team:Linkoping_Sweden/Design">Design</a>
+
                </a>
                                <a href="/Team:Linkoping_Sweden/Experiments">Experiments</a>
+
                <a href="https://www.instagram.com/liu_igem/" target="_blank">
                                <a href="/Team:Linkoping_Sweden/Proof">Proof of Concept</a>
+
                    <img src="https://static.igem.org/mediawiki/2016/9/92/T--Linkoping_Sweden--social_instagram_icon.svg"/>
                                <a href="/Team:Linkoping_Sweden/Demonstrate">Demonstrate</a>
+
                </a>
                                <a href="/Team:Linkoping_Sweden/Results">Results</a>
+
                <a href="https://twitter.com/liuigem" target="_blank">
                                <a href="/Team:Linkoping_Sweden/Safety">Safety</a>
+
                    <img src="https://static.igem.org/mediawiki/2016/8/80/T--Linkoping_Sweden--social_twitter_icon.svg"/>
                                <a href="/Team:Linkoping_Sweden/Notebook">Notebook</a>
+
                </a>
                            </div>
+
            </div>
                        </div>
+
        </div>
                        <div class="menu-category">
+
        <div class="menu-category">
                            <a href="/Team:Linkoping_Sweden/Parts">Parts</a>
+
            <a href="/Team:Linkoping_Sweden/Team">Team</a>
                            <div class="menu-items">
+
            <div class="menu-items">
                                <a href="/Team:Linkoping_Sweden/Basic_Part">Basic Parts</a>
+
                <a href="/Team:Linkoping_Sweden/Collaborations">Collaborations</a>
                                <a href="/Team:Linkoping_Sweden/Composite_Part">Composite Parts</a>
+
                <a href="/Team:Linkoping_Sweden/Attributions">Attributions</a>
                                <a href="/Team:Linkoping_Sweden/Part_Collection">Part Collection</a>
+
            </div>
                            </div>
+
        </div>
                        </div>
+
        <div class="menu-category">
                        <div class="menu-category">
+
            <span>Project</span>
                            <a href="/Team:Linkoping_Sweden/Human_Practices">Human Practices</a>
+
            <div class="menu-items">
                            <div class="menu-items">
+
                <a href="/Team:Linkoping_Sweden/Design">Design</a>
                                <a href="/Team:Linkoping_Sweden/HP/Silver">Silver</a>
+
                <a href="/Team:Linkoping_Sweden/Experiments">Experiments</a>
                                <a href="/Team:Linkoping_Sweden/HP/Gold">Gold</a>
+
                <a href="/Team:Linkoping_Sweden/Protocols">Protocols</a>
                                <a href="/Team:Linkoping_Sweden/Integrated_Practices">Integrated Practices</a>
+
                <a href="/Team:Linkoping_Sweden/Results">Results</a>
                                <a href="/Team:Linkoping_Sweden/Engagement">Engagement</a>
+
                <a href="/Team:Linkoping_Sweden/Safety">Safety</a>
                            </div>
+
                <a href="/Team:Linkoping_Sweden/Notebook">Notebook</a>
                        </div>
+
                <a href="/Team:Linkoping_Sweden/Economic_Viability">Economic Viability</a>
                        <div class="menu-category">
+
            </div>
                            <span>Awards</span>
+
        </div>
                            <div class="menu-items">
+
        <div class="menu-category">
                                <a href="/Team:Linkoping_Sweden/Entrepreneurship">Entrepreneurship</a>
+
            <a href="/Team:Linkoping_Sweden/Description">Project Description</a>
                                <a href="/Team:Linkoping_Sweden/Hardware">Hardware</a>
+
            <div class="menu-items">
                                <a href="/Team:Linkoping_Sweden/Software">Software</a>
+
                <a href="/Team:Linkoping_Sweden/Description/CRISPR/Cas9-system">CRISPR/Cas9 System</a>
                                <a href="/Team:Linkoping_Sweden/Measurement">Measurement</a>
+
                <a href="/Team:Linkoping_Sweden/Description/Gibson_assembly">Gibson Assembly</a>
                                <a href="/Team:Linkoping_Sweden/Model">Model</a>
+
                <a href="/Team:Linkoping_Sweden/Description/Chlamydomonas_reinhardtii">Chlamydomonas Reinhardtii</a>
                            </div>
+
            </div>
                        </div>
+
        </div>
                    </div>
+
        <div class="menu-category">
 +
            <a href="/Team:Linkoping_Sweden/Parts">Parts</a>
 +
        </div>
 +
        <div class="menu-category">
 +
            <a href="/Team:Linkoping_Sweden/Human_Practices">Human Practices</a>
 +
            <div class="menu-items">
 +
                <a href="/Team:Linkoping_Sweden/HP/Silver">Silver</a>
 +
                <a href="/Team:Linkoping_Sweden/HP/Gold">Gold</a>
 +
            </div>
 +
        </div>
 +
    </div>
  
<div class="content">
+
    <div class="content">
 
</html>
 
</html>

Latest revision as of 19:50, 19 October 2016