|
|
| Line 124: |
Line 124: |
| | } | | } |
| | | | |
| − | @media screen and (max-width: 800px) {
| |
| − | .menu {
| |
| − | display: none
| |
| − | }
| |
| − |
| |
| − | .menu_icon {
| |
| − | display: block;
| |
| − | position: absolute;
| |
| − | right: 1em
| |
| − | }
| |
| − | }
| |
| | | | |
| | .info_menu_item { | | .info_menu_item { |
| Line 294: |
Line 283: |
| | <li class="menu_item"><a class="lonely" href="https://2019.igem.org/Team:USTC-Software/Awards">AWARDS</a></li> | | <li class="menu_item"><a class="lonely" href="https://2019.igem.org/Team:USTC-Software/Awards">AWARDS</a></li> |
| | </ul> | | </ul> |
| − | </div>
| |
| − | <div class="menu_icon" id="menu_icon">
| |
| − | <img alt="" src="https://static.igem.org/mediawiki/2019/d/d2/T--USTC-Software--menu.svg" srcset="">
| |
| | </div> | | </div> |
| | </div> | | </div> |
| | | | |
| − | <div class="slide_menu" id="slide_menu"> | + | |
| − | <ul class="slide_menu_item">
| + | |
| − | <li class="slide_team_menu more">TEAM<span></span>
| + | |
| − | <div class="slide_info" id="team_menu_item">
| + | |
| − | <ul>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Team">Team Members</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Collaborations">Collaborations</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="slide_project_menu more">PROJECT<span></span>
| + | |
| − | <div class="slide_info" id="project_menu_item">
| + | |
| − | <ul>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Description">Description</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Design">Design</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Model">Model</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Contribution">Contribution</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/ResultsContribution">Results</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Demonstrate">Demonstrate</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Improve">Improve</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Attributions">Attributions</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="slide_parts_menu more">PARTS<span></span>
| + | |
| − | <div class="slide_info" id="parts_menu_item">
| + | |
| − | <ul>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Parts">Parts</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Basic_Part">Basic Part</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Composite_Part">Composite Part</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Part_Collection">Part Collection</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li>SAFETY</li>
| + | |
| − | <li class="slide_human_practice_menu more">HUMAN PRACTICE<span></span>
| + | |
| − | <div class="slide_info" id="human_practice_menu_item">
| + | |
| − | <ul>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Human_Practices">Human Practices</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Education">Education</a></li>
| + | |
| − | <li><a href="https://2019.igem.org/Team:USTC-Software/Public_Engagement">Engagement</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li>AWARDS</li>
| + | |
| − |
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| | </nav> | | </nav> |
| | </div> | | </div> |
| | | | |
| − | <script>
| |
| − | $('#menu_icon').on('click', function () {
| |
| − | console.log('hello');
| |
| − | $('#slide_menu').slideToggle(250)
| |
| − | });
| |
| − | $('.slide_menu li.more').on('click', function () {
| |
| − | $(this).children('div.slide_info').slideToggle(250);
| |
| − | });
| |
| − | </script>
| |
| | <div class="next"> | | <div class="next"> |
| | <img alt="" src="https://static.igem.org/mediawiki/2019/0/05/T--USTC-Software--arrow_down.svg"> | | <img alt="" src="https://static.igem.org/mediawiki/2019/0/05/T--USTC-Software--arrow_down.svg"> |
