Difference between revisions of "Template:Groningen/Header"

 
(33 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{#tag:html|
 
{{#tag:html|
−
<head>
+
<head>
 +
<style>
 +
.menu-larger {
 +
width: 200px !important;
 +
}
 +
.menu-even-larger {
 +
width: 300px !important;
 +
}
 +
</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://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>
 +
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/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/Entrepreneurship" class="{{{1}}}-text">Entrepreneurship</a></li>
 +
<li><a href="https://2018.igem.org/Team:Groningen/Awards" class="{{{1}}}-text">Awards</a></li>
 +
</ul>
 +
 +
<ul id="dropdown-notebook" class="dropdown-content">
 +
<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>
 +
                                            <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>
  
−
<head>
+
</ul>
−
<link rel="stylesheet" type="text/css"
+
<ul id="dropdown-attribution" class="dropdown-content">
−
href="https://2018.igem.org/Template:Groningen/CSS&action=raw&ctype=text/css" />
+
<li><a href="https://2018.igem.org/Team:Groningen/Attributions" class="{{{1}}}-text">Attributions</a></li>
−
<link rel="stylesheet" type="text/css"
+
<li><a href="https://2018.igem.org/Team:Groningen/Sponsors" class="{{{1}}}-text">Sponsors</a></li>
−
href="https://2018.igem.org/Template:Groningen/CSS/materialize&action=raw&ctype=text/css" />
+
<li><a href="https://2018.igem.org/Team:Groningen/Crowdfunding" class="{{{1}}}-text">Crowdfunding</a></li>
−
 
+
</ul>
−
<script type="text/javascript" src="https://2018.igem.org/Template:Groningen/Javascript&action=raw&ctype=text/javascript"></script>
+
<ul id="dropdown-help" class="dropdown-content">
−
 
+
−
 
+
<li><a href="https://2018.igem.org/Team:Groningen/InterLab" class="{{{1}}}-text">InterLab</a></li>
−
</head>
+
<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>
−
<style>
+
<li><a href="https://2018.igem.org/Team:Groningen/Embassy" class="{{{1}}}-text">Consulate Meetup</a></li>
−
.menu-larger {
+
−
    width: 200px !important;
+
</ul>
−
}
+
<ul id="dropdown-team" class="dropdown-content">
−
.menu-even-larger {
+
<li><a href="https://2018.igem.org/Team:Groningen/Team" class="{{{1}}}-text">Team</a></li>
−
    width: 300px !important;
+
<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>
−
</style>
+
</ul>
−
</head
+
−
<body class="mediawiki">
+
<ul id="dropdown-model" class="dropdown-content">
−
    <header>
+
<li><a href="https://2018.igem.org/Team:Groningen/Model" class="{{{1}}}-text">Overview</a></li>
−
        <div class="navbar-fixed">
+
<li><a href="https://2018.igem.org/Team:Groningen/Model/Molecular_Dynamics" class="{{{1}}}-text">Proximity by affinity</a></li>
−
            <nav class="row {{{1}}}">
+
<li><a href="https://2018.igem.org/Team:Groningen/Model/Mathematical_Modeling" class="{{{1}}}-text">Cellulose Degradation</a></li>
−
                <ul id="dropdown-project" class="dropdown-content">
+
<li><a href="https://2018.igem.org/Team:Groningen/Model/Flux_Based_Analysis" class="{{{1}}}-text">Optimizing StyGreen Production</a></li>
−
                    <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>
+
</ul>
−
                   
+
−
                    <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>
+
<div class="nav-wrapper" id="nav">
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Entrepreneurship" class="{{{1}}}-text">Entrepreneurship</a></li>
+
<ul class="left" id="nav-buttons">
−
                </ul>
+
<li><a href="https://2018.igem.org/Team:Groningen" class="waves-effect waves-light block"><i class="material-icons">home</i></a></li>
−
               
+
−
                <ul id="dropdown-notebook" class="dropdown-content">
+
<li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-project">Project</a></li>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Notebook" class="{{{1}}}-text">Notebook</a></li>
+
<li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-notebook">Lab</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>
+
<li><a href="#!" class="dropdown-button waves-effect waves-light block" data-activates="dropdown-model">Model</a></li>
−
                </ul>
+
<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>
−
                <ul id="dropdown-parts" class="dropdown-content">
+
<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/Parts" class="{{{1}}}-text">Parts</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/Parts#Basic_Parts" class="{{{1}}}-text">Basic Parts</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/Parts#Composite_Parts" class="{{{1}}}-text">Composite Parts</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Parts#Part_Collection" class="{{{1}}}-text">Part Collection</a></li>
+
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Parts#Improved_Part" class="{{{1}}}-text">Improved BioBrick</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/Primers" class="{{{1}}}-text">Primers</a></li>
+
HET AWARD ICOONTJE + SUBMENUS (zie id = dropdown-achievements)
−
                </ul>
+
-->
−
                <ul id="dropdown-HP" class="dropdown-content">
+
</ul>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/HP/Gold_Integrated" class="{{{1}}}-text">Integrated Human Practices (IHP)</a></li>
+
<ul class="right" id="contact">
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Engagement" class="{{{1}}}-text">Education & Public Engagement</a></li>
+
<li title="Click to visit our Facebook page">
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Applied_Design" class="{{{1}}}-text">Applied Design</a></li>
+
<a target="_blank "href="https://www.facebook.com/igemgroningen2018/" class="menu-hover waves-effect waves-light block">
−
 
+
<i class="fa fa-facebook"></i>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Outreach" class="{{{1}}}-text">Outreach</a></li>
+
<span>Groningen.iGEM2018</span>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Newsletter" class="{{{1}}}-text">Newsletter</a></li>
+
</a>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Meet_Up" class="{{{1}}}-text">European iGEM Meet Up</a></li>
+
</li>
−
                </ul>
+
<li title="Click to e-mail us">
−
                <ul id="dropdown-attribution" class="dropdown-content">
+
<a target="_blank"  href="mailto:igem2018rug@gmail.com" class="menu-hover waves-effect waves-light block">
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Attributions" class="{{{1}}}-text">Attribution</a></li>
+
<i class="fa fa-envelope"></i><span>igem2018rug@gmail.com</span>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Sponsors" class="{{{1}}}-text">Sponsors</a></li>
+
</a>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Crowdfunding" class="{{{1}}}-text">Crowdfunding</a></li>
+
</li>
−
                </ul>
+
<!--<li title="Click to copy our phonenumber">
−
                <ul id="dropdown-help" class="dropdown-content">
+
<a onclick="copyToClipboard('+31 152 78 77 51')" class="menu-hover waves-effect waves-light block" id="safari-phone-hack">
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Contribution-Overview" class="{{{1}}}-text">Contribution Overview</a></li>
+
<i class="fa fa-phone"></i>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Interlab" class="{{{1}}}-text">InterLab</a></li>
+
<span style="overflow: hidden; display:inline-block;">&nbsp; +31 152 78 77 51</span>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Software" class="{{{1}}}-text">Software</a></li>
+
</a>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Useful_Utilities#Plot_Grow_Curves" class="{{{1}}}-text">Plot Growth Curves</a></li>
+
</li>-->
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Useful_Utilities#Target_Designer" class="{{{1}}}-text">Find correct CRISPR targets</a></li>
+
<li>
−
                </ul>
+
<a class="menu-hover" id="cross">
−
                <ul id="dropdown-team" class="dropdown-content">
+
<i class="material-icons">close</i>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Team" class="{{{1}}}-text">Team</a></li>
+
</a>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Team#Supervisors" class="{{{1}}}-text">Supervisors</a></li>
+
</li>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/TeamBuilding" class="{{{1}}}-text">Team Building</a></li>
+
</ul>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Collaborations" class="{{{1}}}-text">Collaborations</a></li>
+
</div>
−
                </ul>
+
</nav>
−
                <ul id="dropdown-awards" class="dropdown-content nested menu-even-larger">
+
</div>
−
                    <li><a href="https://2017.igem.org/Team:TUDelft/Entrepreneurship" class="{{{1}}}-text">Entrepreneurship</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/Software" class="{{{1}}}-text">Software tool</a></li>
+
</header>
−
                    <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>
+
−
            </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