Difference between revisions of "Template:Team:DTU-Denmark/index.html"

Line 334: Line 334:
 
                          
 
                          
 
     </style>
 
     </style>
−
     <script>  
+
    <!--<script>
 +
        $(document).ready(initiateMobileView);
 +
 
 +
        function initiateMobileView() {
 +
            $('#mobile-navigation').slicknav({
 +
                closeOnClick:true, //the menu close when a link is clicked
 +
                allowParentLinks:true, //allow a person to click on the parent link
 +
                prependTo:'#top-of-page' //places the mobile menu at the beginning of this element (#top-of-page id)
 +
            });
 +
            $('#mobile-navigation').hide();
 +
            $('.slicknav_menu').addClass('hidden-md');
 +
            $('.slicknav_menu').addClass('hidden-lg');
 +
            //$('.thumbinner').each(function() {
 +
            //    $(this).width(
 +
            //        $(this).width() + 6);
 +
            //});
 +
        }
 +
    </script>-->
 +
     <script>
 
         // Source: http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/
 
         // Source: http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/
 
         //The plugin for calling the dl-menu, aka the mobile_nav.
 
         //The plugin for calling the dl-menu, aka the mobile_nav.
−
        $(document).ready(initiateDLmenu);
 
−
       
 
 
         $(function initiateDLmenu() {
 
         $(function initiateDLmenu() {
 
             $( '#dl-menu' ).dlmenu({
 
             $( '#dl-menu' ).dlmenu({
Line 347: Line 363:
 
});
 
});
 
             $( '#dl-menu' ).hide();
 
             $( '#dl-menu' ).hide();
−
             $('.dl-menuwrapper').addClass('hidden-md');
+
             $('.dl-menuwrapper').addClass('hidden-md'); //responsive visibility from bootstrap
 
             $('.dl-menuwrapper').addClass('hidden-lg');
 
             $('.dl-menuwrapper').addClass('hidden-lg');
−
});
+
        });
 
     </script>
 
     </script>
−
     <!--
+
      
−
     <script>
+
      
−
        //Source: http://slicknav.com/
+
−
        $(document).ready(initiateMobileView);
+
−
 
+
−
        function initiateMobileView() {
+
−
            //$('#sidr').sidr();
+
−
            $('#mobile-navigation').slicknav({
+
−
                label:'',
+
−
                closeOnClick:true,
+
−
                allowParentLinks:true,
+
−
                prependTo:'#slick-navigation'
+
−
            });
+
−
            $('#mobile-navigation').hide();
+
−
            $('.slicknav_menu').addClass('hidden-md');
+
−
            $('.slicknav_menu').addClass('hidden-lg');
+
−
            $('.thumbinner').each(function() {
+
−
                $(this).width($(this).width() + 6);
+
−
            });
+
−
        }
+
−
    </script>
+
−
    -->
+
 
</head> <!-- -->
 
</head> <!-- -->
  
Line 378: Line 374:
 
      
 
      
 
     <!-- Mobile navigation -->
 
     <!-- Mobile navigation -->
−
      
+
     <div id=top-of-page></div> <!-- Needed for slicknav -->
 
     <div id="mobile-navigation">
 
     <div id="mobile-navigation">
 +
           
 
     <div id="dl-menu" class="dl-menuwrapper">
 
     <div id="dl-menu" class="dl-menuwrapper">
−
            <div class="container-fluid demo-2"> <!--Not certain if needed-->
+
        <button class="dl-trigger">Open Menu</button>
−
                <button class="dl-trigger">Open Menu</button>
+
            <ul class="dl-menu">
−
                        <ul class="dl-menu">
+
                <li><a href="#">Achievements</a>
−
                            <li>
+
                    <ul class="dl-submenu">
−
                                <a href="#">Achievements</a>
+
                        <li><a href="#">Medal Requirements</a></li>
−
                                    <ul class="dl-submenu">
+
                    </ul>
−
                                        <li><a href="#">Medal Requirements</a></li>
+
                </li>
−
                                    </ul>
+
                <!-- /Achievements -->
−
                            </li>
+
  
−
                            <li><a href="#">Project</a>
+
                <li><a href="#">Project</a>
−
                                <ul class="dl-submenu">
+
                    <ul class="dl-submenu">
−
                                    <li><a href="#" class="sub-nav-item">Description</a></li>
+
                        <li><a href="#">Description</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Toolbox</a></li>
+
                        <li><a href="#">Toolbox</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Substrates</a></li>
+
                        <li><a href="#">Substrates</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Production</a></li>
+
                        <li><a href="#">Production</a></li>
−
                                    <li><a href="#" class="sub-nav-item">References</a></li>   
+
                        <li><a href="#">References</a></li>   
−
                                </ul>
+
                    </ul>
−
                            </li>
+
                </li>
 +
                <!-- /Project -->
  
−
                            <li><a href="#">Parts</a>
+
                <li><a href="#">Parts</a>
−
                                <ul class="dl-submenu">
+
                    <ul class="dl-submenu">
−
                                    <li><a href="#" class="sub-nav-item">Overview</a></li>
+
                        <li><a href="#">Overview</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Parts</a></li>
+
                        <li><a href="#">Parts</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Part Collection</a></li>
+
                        <li><a href="#">Part Collection</a></li>
−
                                </ul>
+
                    </ul>
−
                            </li>
+
                </li>
−
                       
+
                <!-- /Parts -->
−
                            <li><a href="#">Notebook</a>
+
−
                                <ul class="dl-submenu">
+
−
                                    <li><a href="#" class="sub-nav-item">Work Space</a></li>
+
−
                                    <li><a href="#" class="sub-nav-item">Safety</a></li>
+
−
                                    <li><a href="#" class="sub-nav-item">Day Notes</a></li>
+
−
                                    <li><a href="#" class="sub-nav-item">Protocols</a></li>
+
−
                                </ul>
+
−
                            </li>
+
−
 
+
−
                            <li><a href="#">Hardware</a>
+
−
                                <ul class="dl-submenu">
+
−
                                    <li><a href="#" class="sub-nav-item">Overview</a></li>
+
−
                                    <li><a href="#" class="sub-nav-item">Measuring Growth</a></li>
+
−
                                    <li><a href="#" class="sub-nav-item">The Spectrometer</a></li>
+
−
                                    <li><a href="#" class="sub-nav-item">Design and Integration</a></li>
+
−
                                    <li><a href="#" class="sub-nav-item">DIY Manuals</a></li>
+
−
                                    <li><a href="#" class="sub-nav-item">Protocols</a></li>
+
−
                                </ul>
+
−
                            </li>
+
−
 
+
−
                            <li><a href="#">Modeling</a>
+
−
                                <ul class="dl-submenu">
+
−
                                    <li><a href="#" class="sub-nav-item">Overview</a></li>
+
−
                                    <li><a href="#" class="sub-nav-item">Metabolic Modeling</a></li>
+
−
                                </ul>
+
−
                            </li>  
+
 
                              
 
                              
−
                            <li><a href="#">Practices</a>
+
                <li><a href="#">Notebook</a>
−
                                <ul class="dl-submenu">
+
                    <ul class="dl-submenu">
−
                                    <li><a href="#" class="sub-nav-item">Overview</a></li>
+
                        <li><a href="#">Work Space</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Regulations</a></li>
+
                        <li><a href="#">Safety</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Ethics</a></li>
+
                        <li><a href="#">Day Notes</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Experts' Opinions</a></li>
+
                        <li><a href="#">Protocols</a></li>
−
                                    <li><a href="#" class="sub-nav-item">iGEM Community</a></li>
+
                    </ul>
−
                                    <li><a href="#" class="sub-nav-item">Outreach</a></li>
+
                </li>
−
                                </ul>
+
                <!-- /Notebook -->
−
                            </li>
+
−
                                 
+
−
                            <li><a href="#">Collaboration</a>
+
−
                                <ul class="dl-submenu">
+
−
                                    <li><a href="#" class="sub-nav-item">Overview</a></li>
+
−
                                    <li><a href="#">Sharing CRISPR</a></li>
+
−
                                    <li><a href="#" class="sub-nav-item">DTU BioBrick Tutorial</a></li>
+
−
                                    <li><a href="#" class="sub-nav-item">Cooperations</a></li>
+
−
                                </ul> 
+
−
                            </li>
+
 
                              
 
                              
−
                            <li><a href="#">Attributions</a>
+
                <li><a href="#">Hardware</a>
−
                                <ul class="dl-submenu">
+
                    <ul class="dl-submenu">
−
                                    <li><a href="#" class="sub-nav-item">Team Members</a></li>
+
                        <li><a href="#">Overview</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Advisors</a></li>
+
                        <li><a href="#">Measuring Growth</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Team Work Attributions</a></li>
+
                        <li><a href="#">The Spectrometer</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Media</a></li>
+
                        <li><a href="#">Design and Integration</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Sponsors</a></li>
+
                        <li><a href="#">DIY Manuals</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Acknowledgements</a></li>
+
                        <li><a href="#">Protocols</a></li>
−
                                </ul>
+
                    </ul>
−
                            </li>
+
                </li>
 +
                <!-- /Hardware -->
 
                              
 
                              
−
                            <li><a href="#">Interlab</a>
+
                <li><a href="#">Modeling</a>
−
                                <ul class="dl-submenu">
+
                    <ul class="dl-submenu">
−
                                    <li><a href="#" class="sub-nav-item">Results</a></li>
+
                        <li><a href="#">Overview</a></li>
−
                                    <li><a href="#" class="sub-nav-item">Protocols</a></li>
+
                        <li><a href="#">Metabolic Modeling</a></li>
−
                                </ul>
+
                    </ul>
−
                             </li>      
+
                </li>
−
                         </ul>
+
                <!-- /Modeling -->
−
                 </div><!-- /dl-menuwrapper -->
+
                           
−
         </div>
+
                <li><a href="#">Practices</a>
−
   
+
                    <ul class="dl-submenu">
 +
                        <li><a href="#">Overview</a></li>
 +
                        <li><a href="#">Regulations</a></li>
 +
                        <li><a href="#">Ethics</a></li>
 +
                        <li><a href="#">Experts' Opinions</a></li>
 +
                        <li><a href="#">iGEM Community</a></li>
 +
                        <li><a href="#">Outreach</a></li>
 +
                    </ul>
 +
                </li>
 +
                <!-- /Practices -->
 +
                         
 +
                <li><a href="#">Collaboration</a>
 +
                    <ul class="dl-submenu">
 +
                        <li><a href="#">Overview</a></li>
 +
                        <li><a href="#">Sharing CRISPR</a></li>
 +
                        <li><a href="#">DTU BioBrick Tutorial</a></li>
 +
                        <li><a href="#">Cooperations</a></li>
 +
                    </ul> 
 +
                </li>
 +
                <!-- /Collaboration -->
 +
                              
 +
                <li><a href="#">Attributions</a>
 +
                    <ul class="dl-submenu">
 +
                        <li><a href="#">Team Members</a></li>
 +
                         <li><a href="#">Advisors</a></li>
 +
                        <li><a href="#">Team Work Attributions</a></li>
 +
                        <li><a href="#">Media</a></li>
 +
                        <li><a href="#">Sponsors</a></li>
 +
                        <li><a href="#">Acknowledgements</a></li>
 +
                    </ul>
 +
                 </li>
 +
                <!-- /Attributions -->
 +
                           
 +
                <li><a href="#">Interlab</a>
 +
                    <ul class="dl-submenu">
 +
                        <li><a href="#">Results</a></li>
 +
                        <li><a href="#">Protocols</a></li>
 +
                    </ul>
 +
                </li>
 +
                <!-- /Interlab -->
 +
                                 
 +
            </ul>
 +
         </div><!-- /dl-menuwrapper -->
 
     </div><!-- /Mobile navigation -->
 
     </div><!-- /Mobile navigation -->
  

Revision as of 12:18, 27 July 2016


New HTML template for the wiki