Difference between revisions of "Team:USTC/Team/Attributions"

(Attributions)
 
 
(One intermediate revision by one other user not shown)
Line 7: Line 7:
 
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/customScrollbarCSS?action=raw&amp;ctype=text/css">
 
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/customScrollbarCSS?action=raw&amp;ctype=text/css">
 
     <!-- Custom CSS -->
 
     <!-- Custom CSS -->
−
     <!--<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/CSS/mobile?action=raw&amp;ctype=text/css">-->
+
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/CSS/mobile?action=raw&amp;ctype=text/css">
−
    <link rel="stylesheet" type="text/css" href="style3.css">
+
 
     <!-- Font Awsome CSS -->
 
     <!-- Font Awsome CSS -->
−
     <link rel="stylesheet" type="text/css" href="fontawesome-free-5.4.1-web/fontawesome-free-5.4.1-web/css/all.css">
+
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Team:USTC/fontawsome?action=raw&amp;ctype=text/css">
  
  
Line 19: Line 18:
  
 
<body>
 
<body>
−
    <div class="wrapper">
+
  <div class="wrapper">
−
        <!-- Sidebar  -->
+
    <!-- Sidebar  -->
−
        <nav id="sidebar">
+
    <nav id="sidebar">
−
            <div id="dismiss">
+
      <div id="dismiss">
−
                <i class="fas fa-arrow-left"></i>
+
        <i class="fas fa-arrow-left"></i>
−
            </div>
+
      </div>
  
−
            <div class="navbar-brand">
+
      <div class="navbar-brand">
−
                <img width="270px" src="https://static.igem.org/mediawiki/2018/1/1e/T--USTC--sidenav-logo.png" />
+
        <img width="270px" src="https://static.igem.org/mediawiki/2018/1/1e/T--USTC--sidenav-logo.png" />
−
            </div>
+
      </div>
−
            <ul class="list-unstyled components">
+
      <ul class="list-unstyled components">
−
                <li class="active">
+
        <li>
−
                    <a href="#">HOME</a>
+
          <a href="#">HOME</a>
−
                </li>
+
        </li>
−
                <li>
+
        <li>
−
                    <a href="#projectSubmenu" data-toggle="collapse" aria-expanded="false">PROJECT <i class="fa fa-caret-down"></i></a>
+
          <a href="#projectSubmenu" data-toggle="collapse" aria-expanded="false">PROJECT <i class="fa fa-caret-down"></i></a>
−
                    <ul class="collapse list-unstyled" id="projectSubmenu">
+
          <ul class="collapse list-unstyled" id="projectSubmenu">
−
                        <li>
+
            <li>
−
                            <a href="#">Description</a>
+
              <a href="#">Description</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Design</a>
+
              <a href="#">Design</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Results</a>
+
              <a href="#">Results</a>
−
                        </li>
+
            </li>
−
                    </ul>
+
          </ul>
−
                </li>
+
        </li>
−
                <!--Project-->
+
        <!--Project-->
−
                <li>
+
        <li class="active">
−
                    <a href="#modelSubmenu" data-toggle="collapse" aria-expanded="false">MODEL <i class="fa fa-caret-down"></i></a>
+
          <a href="#modelSubmenu" data-toggle="collapse" aria-expanded="false">MODEL <i class="fa fa-caret-down"></i></a>
−
                    <ul class="collapse list-unstyled" id="modelSubmenu">
+
          <ul class="collapse list-unstyled" id="modelSubmenu">
−
                        <li>
+
            <li>
−
                            <a href="#">Overview</a>
+
              <a href="#">Overview</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li class="active">
−
                            <a href="#">Single-cell Model</a>
+
              <a href="#">Single-cell Model</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">System Analysis</a>
+
              <a href="#">System Analysis</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Effectiveness</a>
+
              <a href="#">Effectiveness</a>
−
                        </li>
+
            </li>
−
                        <li>
+
<li>
−
                            <a href="#">Parameters</a>
+
              <a href="#">Parameters</a>
−
                        </li>
+
            </li>
−
                    </ul>
+
          </ul>
−
                </li>
+
        </li>
−
                <!--Model-->
+
        <!--Model-->
−
                <li>
+
        <li>
−
                    <a href="#">INTERLAB</a>
+
          <a href="#">INTERLAB</a>
−
                </li>
+
        </li>
−
                <!--Interlab-->
+
        <!--Interlab-->
−
                <li>
+
        <li>
−
                    <a href="#partsSubmenu" data-toggle="collapse" aria-expanded="false">PARTS <i class="fa fa-caret-down"></i></a>
+
          <a href="#partsSubmenu" data-toggle="collapse" aria-expanded="false">PARTS <i class="fa fa-caret-down"></i></a>
−
                    <ul class="collapse list-unstyled" id="partsSubmenu">
+
          <ul class="collapse list-unstyled" id="partsSubmenu">
−
                        <li>
+
            <li>
−
                            <a href="#">Basic Parts</a>
+
              <a href="#">Basic Parts</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Composite Parts</a>
+
              <a href="#">Composite Parts</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Contributions</a>
+
              <a href="#">Contributions</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Improve</a>
+
              <a href="#">Improve</a>
−
                        </li>
+
            </li>
−
                    </ul>
+
          </ul>
−
                </li>
+
        </li>
−
                <!--Parts-->
+
        <!--Parts-->
−
                <li>
+
        <li>
−
                    <a href="#notebookSubmenu" data-toggle="collapse" aria-expanded="false">NOTEBOOK <i class="fa fa-caret-down"></i></a>
+
          <a href="#notebookSubmenu" data-toggle="collapse" aria-expanded="false">NOTEBOOK <i class="fa fa-caret-down"></i></a>
−
                    <ul class="collapse list-unstyled" id="notebookSubmenu">
+
          <ul class="collapse list-unstyled" id="notebookSubmenu">
−
                        <li>
+
            <li>
−
                            <a href="#">Monthly Diary</a>
+
              <a href="#">Monthly Diary</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Protocols</a>
+
              <a href="#">Protocols</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Materials</a>
+
              <a href="#">Materials</a>
−
                        </li>
+
            </li>
−
                    </ul>
+
          </ul>
−
                </li>
+
        </li>
−
                <!--Notebook-->
+
        <!--Notebook-->
−
                <li>
+
        <li>
−
                    <a href="#HPSubmenu" data-toggle="collapse" aria-expanded="false">HUMAN PRACTICE <i class="fa fa-caret-down"></i></a>
+
          <a href="#HPSubmenu" data-toggle="collapse" aria-expanded="false">HUMAN PRACTICE <i class="fa fa-caret-down"></i></a>
−
                    <ul class="collapse list-unstyled" id="HPSubmenu">
+
          <ul class="collapse list-unstyled" id="HPSubmenu">
−
                        <li>
+
            <li>
−
                            <a href="#">Overview</a>
+
              <a href="#">Overview</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Survey</a>
+
              <a href="#">Survey</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Analyze</a>
+
              <a href="#">Analyze</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Practice</a>
+
              <a href="#">Practice</a>
−
                        </li>
+
            </li>
−
                        <li>
+
            <li>
−
                            <a href="#">Teamwork</a>
+
              <a href="#">Teamwork</a>
−
                        </li>
+
            </li>
−
                    </ul>
+
          </ul>
−
                </li>
+
        </li>
−
                <!--Human practice-->
+
        <!--Human practice-->
−
                <li>
+
        <li>
−
                    <a href="#">COLLABORATION</a>
+
          <a href="#">COLLABORATION</a>
−
                </li>
+
        </li>
−
                <li>
+
        <li>
−
                    <a href="#">TEAM</a>
+
          <a href="#">TEAM</a>
−
                </li>
+
        </li>
−
            </ul>
+
      </ul>
−
        </nav>
+
    </nav>
 +
 
 +
    <!-- Page Content  -->
  
−
        <!-- Page Content -->
+
  <div id="content">
−
        <div id="content">
+
  
 
             <nav class="navbar navbar-expand-lg navbar-light bg-light shadow-lg sticky-top" id="navId">
 
             <nav class="navbar navbar-expand-lg navbar-light bg-light shadow-lg sticky-top" id="navId">
Line 171: Line 171:
 
             </nav>
 
             </nav>
 
             <div class="container">
 
             <div class="container">
 +
                <div class="card mb-3 border-light">
 +
                    <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/0/06/T--USTC--Attribution_title.png" alt="">
 +
                </div>
 
                 <div class="card-columns">
 
                 <div class="card-columns">
 
                     <div class="card mt-5">
 
                     <div class="card mt-5">
Line 249: Line 252:
 
         </div>
 
         </div>
  
−
        <div class="overlay"></div>
+
    <div class="overlay"></div>
  
−
        <!-- jQuery -->
+
    <!-- Popper.JS -->
−
        <script type="text/javascript" src="https://2018.igem.org/Team:USTC/jquery?action=raw&amp;ctype=text/javascript"></script>
+
    <script type="text/javascript" src="https://2018.igem.org/Team:USTC/Popperjs?action=raw&amp;ctype=text/javascript"></script>
 +
    <!-- Bootstrap JS -->
 +
    <script type="text/javascript" src="https://2018.igem.org/Team:USTC/BSjs?action=raw&amp;ctype=text/javascript"></script>
 +
    <!-- jQuery Custom Scroller -->
 +
    <script type="text/javascript" src="https://2018.igem.org/Team:USTC/customScrollbarJS?action=raw&amp;ctype=text/javascript"></script>
  
−
        <!-- Popper.JS -->
 
−
        <script type="text/javascript" src="https://2018.igem.org/Team:USTC/Popperjs?action=raw&amp;ctype=text/javascript"></script>
 
−
        <!-- Bootstrap JS -->
 
−
        <script type="text/javascript" src="https://2018.igem.org/Team:USTC/BSjs?action=raw&amp;ctype=text/javascript"></script>
 
−
        <!-- jQuery Custom Scroller -->
 
−
        <script type="text/javascript" src="https://2018.igem.org/Team:USTC/customScrollbarJS?action=raw&amp;ctype=text/javascript"></script>
 
  
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
            $("#sidebar").mCustomScrollbar({
 +
                theme: "minimal"
 +
            });
  
−
        <script type="text/javascript">
+
             $('#dismiss, .overlay').on('click', function () {
−
             $(document).ready(function () {
+
                $('#sidebar').removeClass('active');
−
                $("#sidebar").mCustomScrollbar({
+
                $('.overlay').removeClass('active');
−
                    theme: "minimal"
+
                $('li:not(".active") a[aria-expanded=true]').click();
−
                });
+
            });
−
 
+
−
                $('#dismiss, .overlay').on('click', function () {
+
−
                    $('#sidebar').removeClass('active');
+
−
                    $('.overlay').removeClass('active');
+
−
                    $('li:not(".active") a[aria-expanded=true]').click();
+
−
                });
+
  
−
                $('#sidebarCollapse').on('click', function () {
+
            $('#sidebarCollapse').on('click', function () {
−
                    $('#sidebar').addClass('active');
+
                $('#sidebar').addClass('active');
−
                    $('.overlay').addClass('active');
+
                $('.overlay').addClass('active');
−
                    $('.collapse.in').toggleClass('in');
+
                $('.collapse.in').toggleClass('in');
−
                });
+
−
                $("#top_title").hide();
+
−
                $(".mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul").css("margin", "0");
+
−
                $("body").scrollspy({ target: "#navId", offset: 50 });
+
−
                $("li.active a").click();
+
−
                $("a:visited").css("color", "");
+
 
             });
 
             });
−
         </script>
+
            $("#top_title").hide();
 +
            $(".mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul").css("margin","0");
 +
            $("a:visited").css("color","");
 +
            $("body").scrollspy({ target: "#navId", offset: 50 });
 +
            $("li.active a").click();
 +
         });
 +
    </script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 01:13, 18 October 2018

Secondary PI

Prof. Liu Haiyan

As the secondary PI of our team, Prof. Liu help us a lot on the creating of the project. He also provides some instrument for our experiments.

Prof. Li Weifang

Pfof. Li is kind and she taught us how to do western blot.

Prof. Qu Kun

When we were confirming and optimizing our project, Prof. Qu helped us a lot.

Primary PI

Prof. Hong Jiong

As the primary PI of our team, Prof. Hong provided a great amount of help to us, either during the process of creating our project, or in the experiments. He is also a friendly and kind person who always comes to our lab to help and chat with us. Here, we give our sincerely gratitude to Prof. Hong.

Prof. Zang Jianye

When we were confirming and optimizing our project, Prof. Zang helped us a lot.

Prof. Zhao Zhong

When we were confirming and optimizing our project, Prof. Zhao helped us a lot.

Secondary PI

Prof. Yu Hanqing

Prof. Yu always cares about us and is willing to help us on the project and experiments. We were given lots of advice from his lab and we are appreciated. Project Support and Advice

Researcher Li Xu

When we were confirming and optimizing our project, Prof. Li helped us a lot. Lab & Experiment support

Dr. Zhang Qian

As the teacher who ran the lab we used during the summer holiday, Zhang Qian gave us all kinds of supplies and taught us how to use the instruments in the lab.

Dr. Tang Qiang

Tang Qiang provided a lot of advice for us during the whole year.