Difference between revisions of "Team:SUSTech Shenzhen/nav"

Line 1: Line 1:
−
{{:Team:SUSTech_Shenzhen/removeStyles}}
 
−
{{:Team:SUSTech_Shenzhen/themeCss}}
 
 
<html>
 
<html>
−
<header id="header" class="dark">
+
<style>
 +
.navbar-default{
 +
background-color: rgba(28,28,28,</html>{{{opacity}}}<html>);
 +
}
 +
</style>
 
<div style="z-index:10;">
 
<div style="z-index:10;">
−
<div class="mobile-toggle">
+
  <div class="mobile-toggle">
−
<div></div>
+
    <div></div>
−
<div></div>
+
    <div></div>
−
<div></div>
+
    <div></div>
−
<div></div>
+
    <div></div>
−
</div>
+
  </div>
 +
  <div class="nav">
 +
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="index-nav-main">
 +
        <div class="navbar-header">
 +
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
                <span class="sr-only">Toggle navigation</span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
            </button>
 +
          </div>
 +
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
            <ul class="nav navbar-nav">
 +
                <li >
 +
                    <a href="https://2017.igem.org/Team:SUSTech_Shenzhen">Home</a>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">View<strong class="caret"></strong></a>
 +
                    <ul class="dropdown-menu">
 +
                      <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Description">Description</a></li>
 +
                      <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Safety">Safety</a></li>
 +
                    </ul>
 +
                  </li>
  
−
<div class="header-nav">
+
                <li class="dropdown">
−
<nav class="main-nav"role="navigation" id="index-nav-main">
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<strong class="caret"></strong></a>
−
  <ul>
+
                    <ul class="dropdown-menu">
−
      <li class="nav" >
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Design">Design</a></li>
−
          <a href="https://2017.igem.org/Team:SUSTech_Shenzhen">Home</a>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Experiments">Experiments</a></li>
−
      </li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Demonstrate">Demonstrate</a></li>
−
 
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Results">Results</a></li>
−
<li class=" dropdown">
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Hardware">Hardware</a></li>
−
  <a href="#"data-toggle="dropdown"><span>View</span></a>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Model">Model</a></li>
−
  <ul class="dropdown-menu">
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Notebook">Notebook</a></li>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Description">Description</a></li>
+
                    </ul>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Safety">Safety</a></li>
+
                </li>
−
  </ul>
+
                <li class="dropdown">
−
</li>
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contribution<strong class="caret"></strong></a>
−
 
+
                    <ul class="dropdown-menu">
−
 
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Parts">Parts</a></li>
−
<li class="dropdown">
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Characterization">Characterization</a></li>
−
  <a href="#" data-toggle="dropdown"><span>Project</span></a>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Improvement">Improvement</a></li>
−
  <ul class="dropdown-menu">
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Interlab">Interlab</a></li>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Design">Design</a></li>
+
                    </ul>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Experiments">Experiments</a></li>
+
                </li>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Demonstrate">Demonstrate</a></li>
+
                <li class="dropdown">
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Results">Results</a></li>
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice<strong class="caret"></strong></a>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Hardware">Hardware</a></li>
+
                    <ul class="dropdown-menu">
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Model">Model</a></li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Human_Practices">Overview</a></li>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Notebook">Notebook</a></li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Silver">Silver</a></li>
−
  </ul>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Gold_Intergrated">Gold</a></li>
−
</li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Cooperations">Cooperation</a></li>
−
 
+
                    </ul>
−
<li class="dropdown">
+
                </li>
−
  <a href="#" data-toggle="dropdown"><span>Contribution</span></a>
+
                <li class="dropdown">
−
  <ul class="dropdown-menu">
+
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team<strong class="caret"></strong></a>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Parts">Parts</a></li>
+
                  <ul class="dropdown-menu">
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Characterization">Characterization</a></li>
+
                        <li><a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Team">Members</a></li>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Improvement">Improvement</a></li>
+
                        <li><a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Attributions">Attribution</a></li>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Interlab">Interlab</a></li>
+
                  </ul>
−
  </ul>
+
                </li>
−
</li>
+
            </ul>
−
 
+
          </div>
−
<li class="dropdown">
+
    </nav>
−
  <a href="#" data-toggle="dropdown"><span>Human Practice</span></a>
+
  </div>
−
  <ul class="dropdown-menu">
+
−
  <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Human_Practices">Overview</a></li>
+
−
  <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Silver">Basic</a></li>
+
−
  <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Gold_Intergrated">Intergrated</a></li>
+
−
  <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Cooperations">Cooperation</a></li>
+
−
</ul>
+
−
</li>
+
−
 
+
−
<li class=" dropdown">
+
−
  <a href="#" data-toggle="dropdown"><span>Team</span></a>
+
−
  <ul class="dropdown-menu">
+
−
    <li><a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Team">Members</a></li>
+
−
    <li><a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Attributions">Attribution</a></li>
+
−
  </ul>
+
−
</li>
+
−
</ul>
+
−
</nav>
+
 
</div>
 
</div>
  
−
</div>
 
−
</header>
 
−
 
−
<footer>
 
−
    <script src="https://2014.igem.org/Team:SUSTech_Shenzhen/js/pace-min-js?action=raw&ctype=text/javascript"></script>
 
−
    <!--script src="//2014.igem.org/Team:SUSTC-Shenzhen/static/js/jquery.pjax.js?action=raw&ctype=text/javascript"></script-->
 
−
    <script src="https://2016.igem.org/Team:SUSTech_Shenzhen/js/bootstrap-min-js?action=raw&ctype=text/javascript"></script>
 
−
<script>
 
−
document.querySelector("head > link[rel='stylesheet']").remove();
 
−
//$('#bars_item img').replaceWith($('#bars_item img').clone());
 
−
 
−
</script>
 
−
<script>
 
−
  // $.pjax({
 
−
  //  area: 'body',
 
−
  //  load: { head: 'base, meta, link', css: true, script: true },
 
−
  //  cache: { click: true, submit: false, popstate: true },
 
−
  //  server: { query: null }
 
−
  // });
 
−
 
−
    function updateNav(){
 
−
 
−
      if(wgUserName!=null) {
 
−
 
−
        $("#nav-login-status")
 
−
          .text(wgUserName)
 
−
          .attr("href","https://igem.org/User_Information");
 
−
      } else {
 
−
        $("#nav-login-status")
 
−
          .text("Log in")
 
−
          .attr("href","https://igem.org/Login");
 
−
      }
 
−
 
−
      $("nav a").each(function(ind,val){
 
−
        if(val.href===window.location.href)
 
−
          if (val.href!="https://2016.igem.org/Team:SUSTech_Shenzhen"){
 
−
          val.href="#";
 
−
          $(val).parent().addClass("active");
 
−
        }
 
−
      });
 
−
 
−
    };
 
−
 
−
    updateNav();
 
−
 
−
  </script>
 
−
  <script>
 
−
if (!window.ga) {
 
−
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 
−
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 
−
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 
−
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
−
 
−
  window.ga('create', 'UA-42690126-5', 'auto');
 
−
  window.ga('require', 'linkid', 'linkid.js');
 
−
  window.ga('require', 'displayfeatures');
 
−
  window.ga('send', 'pageview');
 
−
} else {
 
−
  window.ga('send', 'pageview', window.location.pathname+window.location.search);
 
−
}
 
−
 
−
  </script>
 
−
  <script>
 
−
  $('#page-contents a').click(function() {
 
−
    console.log(this.hash);
 
−
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
 
−
        || location.hostname == this.hostname) {
 
−
 
−
        var target = $('[id="'+this.hash.substring(1)+'"]');
 
−
        target = target.length ? target : $('[name="' + this.hash.slice(1) +'"]');
 
−
          if (target.length) {
 
−
            $('html,body').animate({
 
−
                scrollTop: target.offset().top-70
 
−
            }, 1000);
 
−
            return false;
 
−
        }
 
−
    }
 
−
  });
 
−
  $(document.body).scrollspy({
 
−
      target: '.bs-docs-sidebar',
 
−
      offset: 71
 
−
    });
 
−
  function affix_sidebar () {
 
−
      var $sideBar = $('.bs-docs-sidebar')
 
−
 
−
      $sideBar.affix({
 
−
        offset: {
 
−
          top: function () {
 
−
            var offsetTop      = $sideBar.offset().top
 
−
            var sideBarMargin  = parseInt($sideBar.children(0).css('margin-top'), 10)
 
−
            var navOuterHeight = $('#index-nav-main').height()
 
−
 
−
            return (this.top = offsetTop - navOuterHeight - sideBarMargin)
 
−
          },
 
−
          bottom: function () {
 
−
            return (this.bottom = $('.bs-docs-footer').outerHeight(true))
 
−
          }
 
−
        }
 
−
      })
 
−
    }
 
−
  affix_sidebar();
 
−
 
−
  $("#searchform").submit(function (e){
 
−
    $("#searchInput").val("SUSTech "+$("#searchInput").val());
 
−
  });
 
−
  $('.reference>a, span.mw-cite-backlink > a, .page-scroll').click(function() {
 
−
    console.log(this.hash);
 
−
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
 
−
        || location.hostname == this.hostname) {
 
−
 
−
        var target = $('[id="'+this.hash.substring(1)+'"]');
 
−
        target = target.length ? target : $('[name="' + this.hash.slice(1) +'"]');
 
−
          if (target.length) {
 
−
            $('html,body').animate({
 
−
                scrollTop: target.offset().top-70
 
−
            }, 1000);
 
−
            return false;
 
−
        }
 
−
    }
 
−
  });
 
−
  $(".table, .katex-block > span").wrap("<div class='table-responsive'></div>")
 
−
 
−
  </script>
 
−
  <link rel="stylesheet" href="https://2016.igem.org/Team:SUSTech_Shenzhen/css/katex-css?action=raw&ctype=text/css">
 
−
  <link rel="stylesheet" href="https://2016.igem.org/Team:SUSTech_Shenzhen/css/ionicons-min-css?action=raw&ctype=text/css">
 
−
</footer>
 
 
</html>
 
</html>

Revision as of 03:10, 18 October 2017