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

(E)
 
(46 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{:Team:SUSTech_Shenzhen/themeCss}}
 
−
{{:Team:SUSTech_Shenzhen/theme}}
 
−
 
 
<html>
 
<html>
−
<header id="header" class="dark">
+
    <style>
−
<div style="z-index:10;">
+
    .navbar-default{
−
<div class="mobile-toggle">
+
    background-color: rgba(28,28,28,</html>{{{opacity}}}<html>);
−
<div></div>
+
    }
−
<div></div>
+
    </style>
−
<div></div>
+
      <div class="container">
−
<div></div>
+
        <nav class="navbar navbar-default navbar-fixed-top" role="navigation" id="index-nav-main">
−
</div>
+
            <div class="container">
 +
            <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>
 +
                <a href="#">
 +
                    <img src="https://static.igem.org/mediawiki/2017/0/07/T--SUSTech_Shenzhen--logo.jpg" style="width:140px;" />
 +
                </a>
 +
            </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"><span>Home</span></a>
 +
                    </li>
 +
   
 +
                    <li class=" dropdown">
 +
                      <a href="#"data-toggle="dropdown"><span>View</span></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="#" data-toggle="dropdown"><span>Project</span></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/Demonstrate">Demonstrate</a></li>
−
      </li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Results">Results</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/Experiments">Experiments</a></li>
  
−
<li class=" dropdown">
+
                      </ul>
−
  <a href="#"data-toggle="dropdown"><span>View</span></a>
+
                    </li>
−
  <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>
+
  
 +
                    <li class="dropdown">
 +
                      <a href="#" data-toggle="dropdown"><span>Model</span></a>
 +
                      <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/Chemical Diffusion Model">Chemical Diffusion</a></li>
 +
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Worms_Locomotion Model">Worms Locomotion</a></li>
 +
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Genetic Probability Model">Genetic Probability</a></li>
 +
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Neuron Network Model">Neuron Network</a></li>
 +
                      </ul>
 +
                    </li>
  
−
<li class="dropdown">
+
                    <li class="dropdown">
−
  <a href="#" data-toggle="dropdown"><span>Project</span></a>
+
                      <a href="#" data-toggle="dropdown"><span>Hardware</span></a>
−
  <ul class="dropdown-menu">
+
                      <ul class="dropdown-menu">
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Design">Design</a></li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Hardware">Overview</a></li>                    
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Experiments">Experiments</a></li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Hardware/Light">Light Modulator</a></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/Hardware/Microfluidics">Microfluidics</a></li>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Results">Results</a></li>
+
                      </ul>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Hardware">Hardware</a></li>
+
                    </li>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Model">Model</a></li>
+
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Notebook">Notebook</a></li>
+
−
  </ul>
+
−
</li>
+
  
−
<li class="dropdown">
+
                    <li class="dropdown">
−
  <a href="#" data-toggle="dropdown"><span>Contribution</span></a>
+
                      <a href="#" data-toggle="dropdown"><span>Contribution</span></a>
−
  <ul class="dropdown-menu">
+
                      <ul class="dropdown-menu">
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Parts">Parts</a></li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Parts">Parts</a></li>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Characterization">Characterization</a></li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Contribution">Characterization</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/Improve">Improvement</a></li>
−
    <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Interlab">Interlab</a></li>
+
                        <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/InterLab">InterLab</a></li>
−
  </ul>
+
                      </ul>
−
</li>
+
                    </li>
−
 
+
−
<li class="dropdown">
+
−
  <a href="#" data-toggle="dropdown"><span>Human Practice</span></a>
+
−
  <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>
+
−
</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>
+
                    <li class="dropdown">
 +
                      <a href="#" data-toggle="dropdown"><span>Human Practice</span></a>
 +
                      <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">HP Silver</a></li>
 +
                      <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/HP/Gold_Integrated">Gold_Integrated</a></li>
 +
                      <li> <a href="https://2017.igem.org/Team:SUSTech_Shenzhen/Collaborations">Collaborations</a></li>
 +
                    </ul>
 +
                    </li>
  
−
</footer>
+
                    <li class=" dropdown">
−
</html>
+
                      <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>
 +
              </div>
 +
          </div>
 +
        </nav>
 +
      </div>
 +
    <!--[if lt IE 9]>
 +
    <div class="container">
 +
    <h1 style="color:red;margin-top:100px;">Your current browser cannot give you the optimal experience on this site. We recommend you to upgrade your browser.</h1>
 +
    </div>
 +
    <![endif]-->
 +
    </html>

Latest revision as of 03:53, 2 November 2017