Difference between revisions of "Team:SEU/Header"

Line 1: Line 1:
{{#tag:html|
+
<html>  
<head>
+
     <div id="video">
<style>
+
         <div class="preloader">
.menu-larger {
+
             <div class="preloader-bounce">
     width: 200px !important;
+
                 <span></span>
}
+
                <span></span>
.menu-even-larger {
+
                 <span></span>
    width: 300px !important;
+
            </div>
}
+
        </div>
</style>
+
</head
+
<body class="mediawiki">
+
    <header>
+
         <div class="navbar-fixed">
+
             <nav class="row {{{1}}}">
+
                 <ul id="dropdown-project" class="dropdown-content">
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Description" class="{{{1}}}-text">Description</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Design" class="{{{1}}}-text dropdown-button" data-hover="hover" data-activates="dropdown-design">Design</a></li>
+
                   
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Results" class="{{{1}}}-text">Results</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Demonstrate" class="{{{1}}}-text">Demonstrate</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Entrepreneurship" class="{{{1}}}-text">Entrepreneurship</a></li>
+
                 </ul>
+
               
+
                <ul id="dropdown-notebook" class="dropdown-content">
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Notebook" class="{{{1}}}-text">Notebook</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Protocols" class="{{{1}}}-text">Protocols</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Safety" class="{{{1}}}-text">Safety</a></li>
+
                </ul>
+
  
                <ul id="dropdown-parts" class="dropdown-content">
+
        <header id="header">
                    <li><a href="https://2017.igem.org/Team:TUDelft/Parts" class="{{{1}}}-text">Parts</a></li>
+
            <div class="container-fluid">
                    <li><a href="https://2017.igem.org/Team:TUDelft/Parts#Basic_Parts" class="{{{1}}}-text">Basic Parts</a></li>
+
                <div class="navbar">
                     <li><a href="https://2017.igem.org/Team:TUDelft/Parts#Composite_Parts" class="{{{1}}}-text">Composite Parts</a></li>
+
                     <a href="#" id="logo" title="Elegance">
                    <li><a href="https://2017.igem.org/Team:TUDelft/Parts#Part_Collection" class="{{{1}}}-text">Part Collection</a></li>
+
                        Elegance
                    <li><a href="https://2017.igem.org/Team:TUDelft/Parts#Improved_Part" class="{{{1}}}-text">Improved BioBrick</a></li>
+
                     </a>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Primers" class="{{{1}}}-text">Primers</a></li>
+
                     <div class="navigation-row">
                </ul>
+
                        <nav id="navigation">
                <ul id="dropdown-HP" class="dropdown-content">
+
                            <button type="button" class="navbar-toggle"> <i class="fa fa-bars"></i> </button>
                    <li><a href="https://2017.igem.org/Team:TUDelft/HP/Gold_Integrated" class="{{{1}}}-text">Integrated Human Practices (IHP)</a></li>
+
                            <div class="nav-box navbar-collapse">
                     <li><a href="https://2017.igem.org/Team:TUDelft/Engagement" class="{{{1}}}-text">Education & Public Engagement</a></li>
+
                                <ul class="navigation-menu nav navbar-nav navbars" id="nav">
                     <li><a href="https://2017.igem.org/Team:TUDelft/Applied_Design" class="{{{1}}}-text">Applied Design</a></li>
+
                                    <li data-menuanchor="slide01" class="active"><a href="#slide01">Home</a></li>
 
+
                                    <li data-menuanchor="slide02"><a href="#slide02">Team</a></li>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Outreach" class="{{{1}}}-text">Outreach</a></li>
+
                                    <li data-menuanchor="slide03"><a href="#slide03">Project</a></li>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Newsletter" class="{{{1}}}-text">Newsletter</a></li>
+
                                    <li data-menuanchor="slide04"><a href="#slide04">Parts</a></li>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Meet_Up" class="{{{1}}}-text">European iGEM Meet Up</a></li>
+
                                    <li data-menuanchor="slide05"><a href="#slide05">Safety</a></li>
                </ul>
+
                                    <li data-menuanchor="slide06"><a href="#slide06">Human Practices</a></li>
                <ul id="dropdown-attribution" class="dropdown-content">
+
                                    <li data-menuanchor="slide07"><a href="#slide07">Awards</a></li>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Attributions" class="{{{1}}}-text">Attribution</a></li>
+
                                    <li data-menuanchor="slide07"><a href="#slide07">Judging Form</a></li>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Sponsors" class="{{{1}}}-text">Sponsors</a></li>
+
                                </ul>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Crowdfunding" class="{{{1}}}-text">Crowdfunding</a></li>
+
                             </div>
                </ul>
+
                         </nav>
                <ul id="dropdown-help" class="dropdown-content">
+
                     </div>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Contribution-Overview" class="{{{1}}}-text">Contribution Overview</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Interlab" class="{{{1}}}-text">InterLab</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Software" class="{{{1}}}-text">Software</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Useful_Utilities#Plot_Grow_Curves" class="{{{1}}}-text">Plot Growth Curves</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Useful_Utilities#Target_Designer" class="{{{1}}}-text">Find correct CRISPR targets</a></li>
+
                </ul>
+
                <ul id="dropdown-team" class="dropdown-content">
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Team" class="{{{1}}}-text">Team</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Team#Supervisors" class="{{{1}}}-text">Supervisors</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/TeamBuilding" class="{{{1}}}-text">Team Building</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Collaborations" class="{{{1}}}-text">Collaborations</a></li>
+
                </ul>
+
                <ul id="dropdown-awards" class="dropdown-content nested menu-even-larger">
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Entrepreneurship" class="{{{1}}}-text">Entrepreneurship</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Software" class="{{{1}}}-text">Software tool</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Measurement" class="{{{1}}}-text">Measurement</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Applied_Design" class="{{{1}}}-text">Applied Design</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/HP/Gold_Integrated" class="{{{1}}}-text">IHP</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Engagement" class="{{{1}}}-text">Education & Public Engagement</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Modeling" class="{{{1}}}-text dropdown-button" data-hover="hover" data-activates="dropdown-fullmodel">Modeling</a></li>
+
                </ul>
+
 
+
                <ul id="dropdown-fullmodel" class="dropdown-content nested">
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model" class="{{{1}}}-text">Overview</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Motif_Finder" class="{{{1}}}-text">Motif finder</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Off_Targeting" class="{{{1}}}-text">Off-targeting</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Coacervation" class="{{{1}}}-text">Coacervation</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Lattice_Model" class="{{{1}}}-text">Lattice Model</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Rate_Kinetics" class="{{{1}}}-text">Rate kinetics</a></li>
+
                </ul>
+
                <ul id="dropdown-model" class="dropdown-content">
+
<li><a href="https://2017.igem.org/Team:TUDelft/Model" class="{{{1}}}-text">Overview</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Motif_Finder" class="{{{1}}}-text">Motif Finder</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Off_Targeting" class="{{{1}}}-text">Off-targeting</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Coacervation" class="{{{1}}}-text">Coacervation</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Lattice_Model" class="{{{1}}}-text">Lattice Model</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Rate_Kinetics" class="{{{1}}}-text">Rate Kinetics</a></li>
+
                </ul>
+
                <ul id="dropdown-design" class="dropdown-content nested menu-larger">
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Design#cas13a" class="{{{1}}}-text">Cas13a</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Design#sampleprep" class="{{{1}}}-text">Sample Preperation</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Design#coacervation" class="{{{1}}}-text">Coacervation</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Design#TDP" class="{{{1}}}-text">TDPs</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Design#vesicles" class="{{{1}}}-text">Vesicles</a></li>
+
                </ul>
+
                <ul id="dropdown-achievements" class="dropdown-content">
+
                    <li><a href="#!" class="{{{1}}}-text dropdown-button" data-hover="hover" data-activates="dropdown-awards">Special Tracks</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Medals" class="{{{1}}}-text">Medals</a></li>
+
                    <li><a href="https://2017.igem.org/Team:TUDelft/Awards_Nominations" class="{{{1}}}-text">Awards & Nominations</a></li>
+
                </ul>
+
 
+
                <div class="nav-wrapper" id="nav">
+
                    <ul class="left" id="nav-buttons">
+
                        <li><a href="https://2017.igem.org/Team:TUDelft" class="waves-effect waves-light block"><i class="material-icons">home</i></a></li>
+
                       
+
                        <li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-project">Project</a></li>
+
                        <li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-notebook">Lab</a></li>
+
 
+
                        <li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-model">Model</a></li>
+
                        <li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-parts">Sequences</a></li>
+
                        <li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-HP">Human Practices</a></li>
+
                        <li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-help">Contributions</a></li>
+
                        <li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-team">Team</a></li>
+
                        <li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-attribution">Acknowledgements</a></li>
+
                        <li><a href="https://2017.igem.org/Team:TUDelft/Giant_Jamboree" class="waves-effect waves-light block">Giant Jamboree</a></li>
+
                       
+
                        <li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-achievements" id="no-nav-fix"><i class="fa fa-trophy"></i></a></li>
+
                    </ul>
+
                    <ul class="right" id="contact">
+
                        <li title="Click to visit our Facebook page">
+
                             <a href="https://www.facebook.com/TUDelft.iGEM2017/" class="menu-hover waves-effect waves-light block">
+
                                <i class="fa fa-facebook"></i>
+
                                <span> TUDelft.iGEM2017</span>
+
                            </a>
+
                         </li>
+
                        <li title="Click to e-mail us">
+
                            <a id="mail-button" class="menu-hover waves-effect waves-light block">
+
                                <i class="fa fa-envelope"></i><span id="email"></span>
+
                            </a>
+
                        </li>
+
                        <li title="Click to copy our phonenumber">
+
                            <a onclick="copyToClipboard('+31 152 78 77 51')" class="menu-hover waves-effect waves-light block" id="safari-phone-hack">
+
                                <i class="fa fa-phone"></i>
+
                                <span style="overflow: hidden; display:inline-block;">&nbsp; +31 152 78 77 51</span>
+
                            </a>
+
                        </li>
+
                        <li>
+
                            <a class="menu-hover" id="cross">
+
                                <i class="material-icons">close</i>
+
                            </a>
+
                        </li>
+
                     </ul>
+
 
                 </div>
 
                 </div>
             </nav>
+
             </div>
        </div>
+
         </header>
         <a href='#!' class="btn-floating btn-large waves-effect waves-light {{{1}}}" id="menu-btn"><i class="material-icons">menu</i></a>
+
</html>
    </header>
+
}}
+

Revision as of 02:12, 8 September 2019