Difference between revisions of "Team:USTC-Software"

 
(19 intermediate revisions by 2 users not shown)
Line 16: Line 16:
  
 
<style type="text/css">
 
<style type="text/css">
 +
  #globalWrapper {
 +
    padding: 0 !important;
 +
    height: 100% !important;
 +
  }
 +
 
   li.menu_item {
 
   li.menu_item {
 
     font-family: alegreya !important;
 
     font-family: alegreya !important;
 
     font-weight: 600;
 
     font-weight: 600;
 
     font-size: 1.1em;
 
     font-size: 1.1em;
 +
  }
 +
 +
  a.lonely {
 +
    font-family: alegreya !important;
 
   }
 
   }
  
Line 82: 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 115: 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 239: Line 237:
  
 
</style>
 
</style>
 +
<div id="img" style="position: absolute; z-index: -99; top: 0; left: 0;"></div>
 +
<div id="mask" style="position: absolute; z-index: -98; top: 0; left: 0; background: white; display: none;"></div>
 
<div class="container">
 
<div class="container">
 
   <nav class="header">
 
   <nav class="header">
Line 262: Line 262:
 
                 <li><a href="https://2019.igem.org/Team:USTC-Software/Description">Description</a></li>
 
                 <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/Design">Design</a></li>
−
                 <li><a href="https://2019.igem.org/Team:USTC-Software/Experiments">Experiments</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/Notebook">Notebook</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 272: Line 271:
 
             </div>
 
             </div>
 
           </li>
 
           </li>
−
           <li class="menu_item more parts_menu">PARTS<span></span>
+
           <li class="menu_item"><a class="lonely" href="https://2019.igem.org/Team:USTC-Software/Safety">SAFETY</a></li>
−
            <div class="info_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 class="menu_item"><a href="https://2019.igem.org/Team:USTC-Software/Safety">SAFETY</a></li>
+
 
           <li class="menu_item more human_practice_menu">HUMAN PRACTICE<span></span>
 
           <li class="menu_item more human_practice_menu">HUMAN PRACTICE<span></span>
 
             <div class="info_menu_item">
 
             <div class="info_menu_item">
Line 292: Line 281:
 
             </div>
 
             </div>
 
           </li>
 
           </li>
−
           <li class="menu_item more awards_menu">AWARDS<span></span>
+
           <li class="menu_item"><a class="lonely" href="https://2019.igem.org/Team:USTC-Software/Awards">AWARDS</a></li>
−
            <div class="info_menu_item">
+
−
              <ul>
+
−
                <li><a href="https://2019.igem.org/Team:USTC-Software/Entrepreneurship">Entrepreneurship</a></li>
+
−
                <li><a href="https://2019.igem.org/Team:USTC-Software/Hardware">Hardware</a></li>
+
−
                <li><a href="https://2019.igem.org/Team:USTC-Software/Measurement">Measurement</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/Plant">Plant</a></li>
+
−
                <li><a href="https://2019.igem.org/Team:USTC-Software/Software">Software</a></li>
+
−
              </ul>
+
−
            </div>
+
−
          </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/Experiments">Experiments</a></li>
+
−
              <li><a href="https://2019.igem.org/Team:USTC-Software/Notebook">Notebook</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 class="slide_awards_menu more">AWARDS<span></span>
+
−
          <div class="slide_info" id="awards_menu_item">
+
−
            <ul>
+
−
              <li><a href="https://2019.igem.org/Team:USTC-Software/Entrepreneurship">Entrepreneurship</a></li>
+
−
              <li><a href="https://2019.igem.org/Team:USTC-Software/Hardware">Hardware</a></li>
+
−
              <li><a href="https://2019.igem.org/Team:USTC-Software/Measurement">Measurement</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/Plant">Plant</a></li>
+
−
              <li><a href="https://2019.igem.org/Team:USTC-Software/Software">Software</a></li>
+
−
            </ul>
+
−
          </div>
+
−
        </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 399: 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-primary" href="https://2019.igem.org/Team:USTC-Software/Description" style="background:#badbe4; color:#248ea9;">MORE</a>
+
 
         </div>
 
         </div>
  
Line 550: Line 456:
 
     width: 150px;
 
     width: 150px;
 
     margin-top: 1.5em;
 
     margin-top: 1.5em;
 +
    padding:5px;
 +
    color: #fff !important;
 +
    background-color: #007bff !important;
 +
    border-color: #007bff !important;
 +
   
 
   }
 
   }
  
Line 576: Line 487:
  
 
   #HQ_page{
 
   #HQ_page{
−
     background: url("https://static.igem.org/mediawiki/2019/e/ee/T--USTC-Software--WEB.svg") center no-repeat;
+
     /*background: url("https://static.igem.org/mediawiki/2019/e/ee/T--USTC-Software--WEB.svg") center no-repeat;
−
     background-size: cover;
+
     background-size: cover;*/
 
     height: 98vh;
 
     height: 98vh;
 +
  }
 +
 +
#img {
 +
    background-image: url("https://static.igem.org/mediawiki/2019/e/ee/T--USTC-Software--WEB.svg");
 +
    background-size: cover;
 +
    height: 100%;
 +
    width: 100%;
 
   }
 
   }
 
</style>
 
</style>
Line 609: Line 527:
  
 
     $(".next").on("click", function () {
 
     $(".next").on("click", function () {
−
        $(".page1").fadeToggle();
 
−
        $(".page2").fadeToggle();
 
 
         changeBg();
 
         changeBg();
 
         changeArrow();
 
         changeArrow();
 
     });
 
     });
  
−
    function changeBg() {
+
 
 +
function changeBg() {
 
         if (page1IsShow) {
 
         if (page1IsShow) {
−
             $("#HQ_page").css({
+
             $(".page1").fadeOut(500, function() {
−
                 "background-image": "url(https://static.igem.org/mediawiki/2019/6/60/T--USTC-Software--web2.svg)",
+
              $('#mask').css({height: $(window).height(), width: $(window).width()})
−
                // "background-size": "cover",
+
                 .fadeIn('slow', function(){
 +
                    $('#img').css('background-image', "url(https://static.igem.org/mediawiki/2019/6/60/T--USTC-Software--web2.svg)");
 +
                    $('#mask').fadeOut('slow', function() {
 +
                      $(".page2").fadeIn();
 +
                    });
 +
                });
 
             });
 
             });
 
             page1IsShow = false;
 
             page1IsShow = false;
 
         } else {
 
         } else {
−
             $("#HQ_page").css({
+
             $(".page2").fadeOut(500, function() {
−
                 "background-image": "url(https://static.igem.org/mediawiki/2019/e/ee/T--USTC-Software--WEB.svg)",
+
              $('#mask').css({height: $(window).height(), width: $(window).width()})
−
                // "background-size": "cover",
+
                 .fadeIn('slow', function(){
 +
                    $('#img').css('background-image', "url(https://static.igem.org/mediawiki/2019/e/ee/T--USTC-Software--WEB.svg)");
 +
                    $('#mask').fadeOut('slow', function() {
 +
                      $(".page1").fadeIn();
 +
                    });
 +
                });
 
             });
 
             });
 
             page1IsShow = true;
 
             page1IsShow = true;

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!