Difference between revisions of "Team:USTC-Software"

(fix x5)
 
(3 intermediate revisions by one other user not shown)
Line 91: Line 91:
 
   .menu_item div {
 
   .menu_item div {
 
     z-index: 1000;
 
     z-index: 1000;
−
     background: rgba(255, 255, 255, .5);
+
     background: rgba(255, 255, 255, .9);
 
   }
 
   }
  
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 275: Line 264:
 
                 <li><a href="https://2019.igem.org/Team:USTC-Software/Model">Model</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/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/Results">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/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/Improve">Improve</a></li>
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">
Line 377: Line 307:
 
         <div class="w-100 des1 text-center">
 
         <div class="w-100 des1 text-center">
 
           <h1>Foresyn</h1>
 
           <h1>Foresyn</h1>
−
           <p class="text-gray">Lessen Your Needless Works</p>
+
           <p class="text-gray">Foresyn foresees the synthetic biological experiments, and makes you see further.</p>
−
           <p class="text-gray">What You See Is What You Get</p>
+
           <a class="btn btn-more btn-info" href="https://2019.igem.org/Team:USTC-Software/Description" style="">More info</a>
−
          <p class="text-gray">No Command Prompt Using Need</p>
+
           <a class="btn btn-more btn-info" href="https://foresyn.tech" style="">Try it!</a>
−
          <p class="text-gray">Comprehensive Customized Database</p>
+
−
           <a class="btn btn-more btn-primary" href="https://2019.igem.org/Team:USTC-Software/Description" style="">MORE</a>
+
 
         </div>
 
         </div>
  

Latest revision as of 03:08, 22 October 2019

Foresyn

Foresyn foresees the synthetic biological experiments, and makes you see further.

More info Try it!