Difference between revisions of "Template:Groningen/Header"

 
(23 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{#tag:html|
 
{{#tag:html|
<head>
+
<head>
<style>
+
<style>
.menu-larger {
+
.menu-larger {
    width: 200px !important;
+
width: 200px !important;
}
+
}
.menu-even-larger {
+
.menu-even-larger {
    width: 300px !important;
+
width: 300px !important;
}
+
}
</style>
+
</style>
</head
+
</head
<body class="mediawiki">
+
<body class="mediawiki">
    <header>
+
<header>
        <div class="navbar-fixed">
+
<div class="navbar-fixed">
            <nav class="row {{{1}}}">
+
<nav class="row {{{1}}}">
                <ul id="dropdown-project" class="dropdown-content">
+
<ul id="dropdown-project" class="dropdown-content">
                    <li><a href="https://2018.igem.org/Team:Groningen/Description" class="{{{1}}}-text">Description</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Description" class="{{{1}}}-text">Description</a></li>
                    <!--<li><a href="https://2018.igem.org/Team:Groningen/" class="{{{1}}}-text dropdown-button" data-hover="hover" data-activates="dropdown-design">Design</a></li>
+
<!--<li><a href="https://2018.igem.org/Team:Groningen/" class="{{{1}}}-text dropdown-button" data-hover="hover" data-activates="dropdown-design">Design</a></li>
                    DIT IS EEN VOORBEELD VAN EEN SUB SUB KOPJE
+
DIT IS EEN VOORBEELD VAN EEN SUB SUB KOPJE
                    -->
+
-->
                    <li><a href="https://2018.igem.org/Team:Groningen/Design" class="{{{1}}}-text">Design</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Design" class="{{{1}}}-text">Design</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Results" class="{{{1}}}-text">Results</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Results" class="{{{1}}}-text">Results</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Demonstrate" class="{{{1}}}-text">Demonstrate</a></li>
+
                                            <li><a href="https://2018.igem.org/Team:Groningen/Demonstrate" class="{{{1}}}-text">Demonstrate</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Entrepreneurship" class="{{{1}}}-text">Entrepreneurship</a></li>
+
                                         
                </ul>
+
<li><a href="https://2018.igem.org/Team:Groningen/Entrepreneurship" class="{{{1}}}-text">Entrepreneurship</a></li>
               
+
<li><a href="https://2018.igem.org/Team:Groningen/Awards" class="{{{1}}}-text">Awards</a></li>
                <ul id="dropdown-notebook" class="dropdown-content">
+
</ul>
                    <li><a href="https://2018.igem.org/Team:Groningen/Notebook" class="{{{1}}}-text">Notebook</a></li>
+
                    <li><a href="https://2018.igem.org/Team:Groningen/Protocols" class="{{{1}}}-text">Protocols</a></li>
+
<ul id="dropdown-notebook" class="dropdown-content">
                    <li><a href="https://2018.igem.org/Team:Groningen/Safety" class="{{{1}}}-text">Safety</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Notebook" class="{{{1}}}-text">Notebook</a></li>
                </ul>
+
<li><a href="https://2018.igem.org/Team:Groningen/Protocols" class="{{{1}}}-text">Protocols</a></li>
 +
                                            <li><a href="https://2018.igem.org/Team:Groningen/Safety" class="{{{1}}}-text">Safety</a></li>
 +
                                            <li><a href="https://2018.igem.org/Team:Groningen/Measurement" class="{{{1}}}-text">Measurement</a></li>
 +
</ul>
 +
 +
<ul id="dropdown-parts" class="dropdown-content">
 +
<li><a href="https://2018.igem.org/Team:Groningen/Parts" class="{{{1}}}-text">Parts</a></li>
 +
<!-- <li><a href="https://2018.igem.org/Team:Groningen/Basic_Part" class="{{{1}}}-text">Basic Part</a></li>
 +
<li><a href="https://2018.igem.org/Team:Groningen/Composite_Part" class="{{{1}}}-text">Composite Part</a></li>
 +
<li><a href="https://2018.igem.org/Team:Groningen/Part_Collection" class="{{{1}}}-text">Part Collection</a></li>-->
 +
 +
<li><a href="https://2018.igem.org/Team:Groningen/Primers" class="{{{1}}}-text">Primers</a></li>
 +
</ul>
 +
<ul id="dropdown-HP" class="dropdown-content">
 +
<li><a href="https://2018.igem.org/Team:Groningen/Human_Practices" class="{{{1}}}-text">Integrated Human Practices (Gold)</a></li>
 +
<li><a href="https://2018.igem.org/Team:Groningen/Public_Engagement" class="{{{1}}}-text">Education & Public Engagement</a></li>
 +
<li><a href="https://2018.igem.org/Team:Groningen/Applied_Design" class="{{{1}}}-text">Applied Design</a></li>
 +
                                            <li><a href="https://2018.igem.org/Team:Groningen/Ethics" class="{{{1}}}-text">Ethics</a></li>
  
                <ul id="dropdown-parts" class="dropdown-content">
+
</ul>
                    <li><a href="https://2018.igem.org/Team:Groningen/Part" class="{{{1}}}-text">Parts</a></li>
+
<ul id="dropdown-attribution" class="dropdown-content">
                    <li><a href="https://2018.igem.org/Team:Groningen/Basic_Parts" class="{{{1}}}-text">Basic Parts</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Attributions" class="{{{1}}}-text">Attributions</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Composite_Parts" class="{{{1}}}-text">Composite Parts</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Sponsors" class="{{{1}}}-text">Sponsors</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Part_Collection" class="{{{1}}}-text">Part Collection</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Crowdfunding" class="{{{1}}}-text">Crowdfunding</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Improved_BioBrick" class="{{{1}}}-text">Improved BioBrick</a></li>
+
</ul>
                    <li><a href="https://2018.igem.org/Team:Groningen/Primers" class="{{{1}}}-text">Primers</a></li>
+
<ul id="dropdown-help" class="dropdown-content">
                </ul>
+
                <ul id="dropdown-HP" class="dropdown-content">
+
<li><a href="https://2018.igem.org/Team:Groningen/InterLab" class="{{{1}}}-text">InterLab</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/IHP" class="{{{1}}}-text">Integrated Human Practices (IHP)</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Software" class="{{{1}}}-text">Software</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/EPE" class="{{{1}}}-text">Education & Public Engagement</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Collaborations" class="{{{1}}}-text">Collaborations</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Applied_Design" class="{{{1}}}-text">Applied Design</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Embassy" class="{{{1}}}-text">Consulate Meetup</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Ethics" class="{{{1}}}-text">Ethics</a></li>
+
<!--
+
</ul>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Outreach" class="{{{1}}}-text">Outreach</a></li>
+
<ul id="dropdown-team" class="dropdown-content">
                    <li><a href="https://2017.igem.org/Team:TUDelft/Newsletter" class="{{{1}}}-text">Newsletter</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Team" class="{{{1}}}-text">Team</a></li>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Meet_Up" class="{{{1}}}-text">European iGEM Meet Up</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Supervisors" class="{{{1}}}-text">Supervisors</a></li>
-->
+
<li><a href="https://2018.igem.org/Team:Groningen/Team_Building" class="{{{1}}}-text">Team Building</a></li>
                </ul>
+
</ul>
                <ul id="dropdown-attribution" class="dropdown-content">
+
                    <li><a href="https://2018.igem.org/Team:Groningen/Attribution" class="{{{1}}}-text">Attribution</a></li>
+
<ul id="dropdown-model" class="dropdown-content">
                    <li><a href="https://2018.igem.org/Team:Groningen/Meeting_with_experts" class="{{{1}}}-text">Meeting with experts</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Model" class="{{{1}}}-text">Overview</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Sponsors" class="{{{1}}}-text">Sponsors</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Model/Molecular_Dynamics" class="{{{1}}}-text">Proximity by affinity</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Crowdfunding" class="{{{1}}}-text">Crowdfunding</a></li>
+
<li><a href="https://2018.igem.org/Team:Groningen/Model/Mathematical_Modeling" class="{{{1}}}-text">Cellulose Degradation</a></li>
                </ul>
+
<li><a href="https://2018.igem.org/Team:Groningen/Model/Flux_Based_Analysis" class="{{{1}}}-text">Optimizing StyGreen Production</a></li>
                <ul id="dropdown-help" class="dropdown-content">
+
                    <li><a href="https://2018.igem.org/Team:Groningen/Overview" class="{{{1}}}-text">Overview</a></li>
+
</ul>
                    <li><a href="https://2018.igem.org/Team:Groningen/InterLab" class="{{{1}}}-text">InterLab</a></li>
+
                    <li><a href="https://2018.igem.org/Team:Groningen/Software" class="{{{1}}}-text">Software</a></li>
+
                    <li><a href="https://2018.igem.org/Team:Groningen/Collaborations" class="{{{1}}}-text">Collaborations</a></li>
+
<div class="nav-wrapper" id="nav">
                    <li><a href="https://2018.igem.org/Team:Groningen/Embassy" class="{{{1}}}-text">Embassy of The Kingdom of the Netherlands</a></li>
+
<ul class="left" id="nav-buttons">
                  <!-- <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://2018.igem.org/Team:Groningen" class="waves-effect waves-light block"><i class="material-icons">home</i></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>
+
<li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-project">Project</a></li>
                <ul id="dropdown-team" class="dropdown-content">
+
<li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-notebook">Lab</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Team" class="{{{1}}}-text">Team</a></li>
+
                    <li><a href="https://2018.igem.org/Team:Groningen/Supervisors" class="{{{1}}}-text">Supervisors</a></li>
+
<li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-model">Model</a></li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Team_Building" class="{{{1}}}-text">Team Building</a></li>
+
<li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-parts">Sequences/Parts</a></li>
                </ul>
+
<li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-HP">Human Practices</a></li>
            <!--    <ul id="dropdown-awards" class="dropdown-content nested menu-even-larger">
+
<li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-help">Contributions</a></li>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Entrepreneurship" class="{{{1}}}-text">Entrepreneurship</a></li>
+
<li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-team">Team</a></li>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Software" class="{{{1}}}-text">Software tool</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/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="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-achievements" id="no-nav-fix"><i class="fa fa-trophy"></i></a></li>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Engagement" class="{{{1}}}-text">Education & Public Engagement</a></li>
+
HET AWARD ICOONTJE + SUBMENUS (zie id = dropdown-achievements)
                    <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>
            -->       
+
<ul class="right" id="contact">
            <!--    <ul id="dropdown-fullmodel" class="dropdown-content nested">
+
<li title="Click to visit our Facebook page">
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model" class="{{{1}}}-text">Overview</a></li>
+
<a target="_blank "href="https://www.facebook.com/igemgroningen2018/" class="menu-hover waves-effect waves-light block">
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Motif_Finder" class="{{{1}}}-text">Motif finder</a></li>
+
<i class="fa fa-facebook"></i>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Off_Targeting" class="{{{1}}}-text">Off-targeting</a></li>
+
<span>Groningen.iGEM2018</span>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Coacervation" class="{{{1}}}-text">Coacervation</a></li>
+
</a>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Lattice_Model" class="{{{1}}}-text">Lattice Model</a></li>
+
</li>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Model/Rate_Kinetics" class="{{{1}}}-text">Rate kinetics</a></li>
+
<li title="Click to e-mail us">
                </ul>
+
<a target="_blank"  href="mailto:igem2018rug@gmail.com" class="menu-hover waves-effect waves-light block">
            -->
+
<i class="fa fa-envelope"></i><span>igem2018rug@gmail.com</span>
                <ul id="dropdown-model" class="dropdown-content">
+
</a>
                    <li><a href="https://2018.igem.org/Team:Groningen/Model/Overview" class="{{{1}}}-text">Overview</a></li>
+
</li>
                    <li><a href="https://2018.igem.org/Team:Groningen/Model/1" class="{{{1}}}-text">Model 1</a></li>
+
<!--<li title="Click to copy our phonenumber">
                    <li><a href="https://2018.igem.org/Team:Groningen/Model/2" class="{{{1}}}-text">Model 2</a></li>
+
<a onclick="copyToClipboard('+31 152 78 77 51')" class="menu-hover waves-effect waves-light block" id="safari-phone-hack">
                    <li><a href="https://2018.igem.org/Team:Groningen/Model/3" class="{{{1}}}-text">Model 3</a></li>
+
<i class="fa fa-phone"></i>
                </ul>
+
<span style="overflow: hidden; display:inline-block;">&nbsp; +31 152 78 77 51</span>
            <!--    <ul id="dropdown-design" class="dropdown-content nested menu-larger">
+
</a>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Design#cas13a" class="{{{1}}}-text">Cas13a</a></li>
+
</li>-->
                    <li><a href="https://2017.igem.org/Team:TUDelft/Design#sampleprep" class="{{{1}}}-text">Sample Preperation</a></li>
+
<li>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Design#coacervation" class="{{{1}}}-text">Coacervation</a></li>
+
<a class="menu-hover" id="cross">
                    <li><a href="https://2017.igem.org/Team:TUDelft/Design#TDP" class="{{{1}}}-text">TDPs</a></li>
+
<i class="material-icons">close</i>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Design#vesicles" class="{{{1}}}-text">Vesicles</a></li>
+
</a>
                </ul>
+
</li>
            -->
+
</ul>
                <!--
+
</div>
                    <ul id="dropdown-achievements" class="dropdown-content">
+
</nav>
                    <li><a href="#!" class="{{{1}}}-text dropdown-button" data-hover="hover" data-activates="dropdown-awards">Special Tracks</a></li>
+
</div>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Medals" class="{{{1}}}-text">Medals</a></li>
+
<a href='#!' class="btn-floating btn-large waves-effect waves-light {{{1}}}" id="menu-btn"><i class="material-icons">menu</i></a>
                    <li><a href="https://2017.igem.org/Team:TUDelft/Awards_Nominations" class="{{{1}}}-text">Awards & Nominations</a></li>
+
</header>
                </ul>
+
}}
            -->
+
 
+
                <div class="nav-wrapper" id="nav">
+
                    <ul class="left" id="nav-buttons">
+
                        <li><a href="https://2018.igem.org/Team:Groningen" 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/Parts</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>
+
                HET AWARD ICOONTJE + SUBMENUS (zie id = dropdown-achievements)
+
                      -->
+
                    </ul>
+
                    <ul class="right" id="contact">
+
                        <li title="Click to visit our Facebook page">
+
                            <a href="#" 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>
+
            </nav>
+
        </div>
+
        <a href='#!' class="btn-floating btn-large waves-effect waves-light {{{1}}}" id="menu-btn"><i class="material-icons">menu</i></a>
+
    </header>
+
}}
+

Latest revision as of 18:29, 7 December 2018

menu