Difference between revisions of "Template:RUM-UPRM/Nav"

 
(31 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{RUM-UPRM}}
+
 
 +
 
 
<html>
 
<html>
 
     <head>
 
     <head>
Line 12: Line 13:
  
 
             .navbar-nav li:hover > ul.dropdown-menu {
 
             .navbar-nav li:hover > ul.dropdown-menu {
−
    display: block;
+
 
 +
display: block;
 +
   
 +
 
 
}
 
}
 
.dropdown-submenu {
 
.dropdown-submenu {
 
     position:relative;
 
     position:relative;
 +
 +
 
}
 
}
 
.dropdown-submenu>.dropdown-menu {
 
.dropdown-submenu>.dropdown-menu {
 
     top: 0;
 
     top: 0;
 
     left: 100%;
 
     left: 100%;
 +
    right: 100%
 
     margin-top:-6px;
 
     margin-top:-6px;
 
}
 
}
 +
 
         </style>
 
         </style>
 
     </head>
 
     </head>
Line 57: Line 65:
 
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Implementation">Proposed Implementation</a></li>
 
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Implementation">Proposed Implementation</a></li>
 
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Notebook">Notebook</a></li>
 
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Notebook">Notebook</a></li>
 +
<li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Contribution">Contributions</a></li>
 
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Future_Projections">Future Projections</a></li>
 
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Future_Projections">Future Projections</a></li>
−
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Contribution">Parts</a></li>
+
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Parts">Parts</a></li>
−
                            </ul>
+
−
                        </li>
+
−
                        <li class="nav-item dropdown"><a class="nav-link dropdown-toggle js-scroll-trigger" href="https://2020.igem.org/Team:RUM-UPRM/Safety" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Safety</a>
+
−
                            <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
+
−
                                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Safety">Safety Form</a></li>
+
−
                                  <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Covid_Precaution">COVID-19 Precautions</a></li>
+
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
 +
                        <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://2020.igem.org/Team:RUM-UPRM/Safety">Safety</a></li>
 
                         <li class="nav-item dropdown"><a class="nav-link dropdown-toggle js-scroll-trigger" href="https://2020.igem.org/Team:RUM-UPRM/Human_Practices" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human practices</a>
 
                         <li class="nav-item dropdown"><a class="nav-link dropdown-toggle js-scroll-trigger" href="https://2020.igem.org/Team:RUM-UPRM/Human_Practices" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human practices</a>
 
                             <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
                             <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Human_Practices">Overview</a></li>
+
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Human_Practices_Overview">Overview</a></li>
−
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Human_Practices_Overview">Integrated Human Practices</a></li>
+
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Human_Practices">Integrated Human Practices</a></li>
 
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Education">Education and Engagement</a></li>
 
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/Education">Education and Engagement</a></li>
 
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/SynBio101">SynBio101: Summer Camp</a></li>
 
                                   <li><a class="dropdown-item" href="https://2020.igem.org/Team:RUM-UPRM/SynBio101">SynBio101: Summer Camp</a></li>
Line 76: Line 80:
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
−
                         <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://2020.igem.org/Judging/Pages_for_Awards">Awards</a></li>
+
                         <li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://2020.igem.org/Team:RUM-UPRM/Judging/Pages_for_Awards">Awards</a></li>
 
                     </ul>
 
                     </ul>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </nav>
 
         </nav>
−
 
−
   
 
−
        <!-- Bootstrap core JS-->
 
−
        <script src="https://2020.igem.org/Template:RUM-UPRM/jquery.min"></script>
 
−
        <script src="https://2020.igem.org/Template:RUM-UPRM/bootstrap.bundle"></script>
 
−
        <!-- Third party plugin JS-->
 
−
        <script src="https://2020.igem.org/Template:RUM-UPRM/jquery.easing"></script>
 
−
 
−
        <!-- jquery script -->
 
−
        <!-- <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>-->
 
−
 
−
        <!-- Core theme JS-->
 
−
        <script>
 
−
 
−
            /*!
 
−
              * Start Bootstrap - Grayscale v6.0.2 (https://startbootstrap.com/themes/grayscale)
 
−
              * Copyright 2013-2020 Start Bootstrap
 
−
              * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-grayscale/blob/master/LICENSE)
 
−
              */
 
−
 
−
            (function ($) {
 
−
                "use strict"; // Start of use strict
 
−
 
−
                // Smooth scrolling using jQuery easing
 
−
                $('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function () {
 
−
                    if (
 
−
                        location.pathname.replace(/^\//, "") ==
 
−
                            this.pathname.replace(/^\//, "") &&
 
−
                        location.hostname == this.hostname
 
−
                    ) {
 
−
                        var target = $(this.hash);
 
−
                        target = target.length
 
−
                            ? target
 
−
                            : $("[name=" + this.hash.slice(1) + "]");
 
−
                        if (target.length) {
 
−
                            $("html, body").animate(
 
−
                                {
 
−
                                    scrollTop: target.offset().top - 70,
 
−
                                },
 
−
                                1000,
 
−
                                "easeInOutExpo"
 
−
                            );
 
−
                            return false;
 
−
                        }
 
−
                    }
 
−
                });
 
−
 
−
                // Closes responsive menu when a scroll trigger link is clicked
 
−
                $(".js-scroll-trigger").click(function () {
 
−
                    $(".navbar-collapse").collapse("hide");
 
−
                });
 
−
 
−
                // Activate scrollspy to add active class to navbar items on scroll
 
−
                $("body").scrollspy({
 
−
                    target: "#mainNav",
 
−
                    offset: 100,
 
−
                });
 
−
 
−
                // Collapse Navbar
 
−
                var navbarCollapse = function () {
 
−
                    if ($("#mainNav").offset().top > 100) {
 
−
                        $("#mainNav").addClass("navbar-shrink");
 
−
                    } else {
 
−
                        $("#mainNav").removeClass("navbar-shrink");
 
−
                    }
 
−
                };
 
−
                // Collapse now if page is not at top
 
−
                navbarCollapse();
 
−
                // Collapse the navbar when page is scrolled
 
−
                $(window).scroll(navbarCollapse);
 
−
            })(jQuery); // End of use strict
 
−
 
−
            // When video ends...
 
−
            $('#globalView').bind('ended', function(){
 
−
              //Fade out video
 
−
              $(this).parent().fadeOut();;
 
−
              //Typewrite subtitle
 
−
              setTimeout(typeWriter,150);
 
−
            });
 
−
 
−
        </script>
 
−
        <!--Preloader scripts-->
 
−
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
 
−
        <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
 
−
        <script>
 
−
 
−
              //Preloader
 
−
              // Wait for window load
 
−
              $(window).load(function() {
 
−
                  // Animate loader off screen
 
−
                  $(".se-pre-con").fadeOut("slow");;
 
−
                  document.getElementById("globalView").play();
 
−
                  // Initiate subtitle space
 
−
                  document.getElementById("autoTyper").innerHTML += ' ';
 
−
              });
 
−
 
−
        </script>
 
−
        <script>
 
−
 
−
            var i = 0;
 
−
            var txt = 'Synthesizing a better world. ';
 
−
            var speed = 75;
 
−
 
−
            function typeWriter() {
 
−
              if (i < txt.length) {
 
−
                document.getElementById("autoTyper").innerHTML += txt.charAt(i);
 
−
                i++;
 
−
                setTimeout(typeWriter, speed);
 
−
              }
 
−
            }
 
−
 
−
        </script>
 
−
        <script>
 
−
            $("#HQ_page").attr('id','');
 
−
        </script>
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:56, 28 October 2020


RUM-UPRM Wiki Source Code