(22 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, . | + | background: rgba(255, 255, 255, .9); |
} | } | ||
Line 115: | Line 124: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.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/ | + | <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/ | + | <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 | + | <li class="menu_item"><a class="lonely" 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 | + | <li class="menu_item"><a class="lonely" href="https://2019.igem.org/Team:USTC-Software/Awards">AWARDS</a></li> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</nav> | </nav> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<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"></p> | + | <p class="text-gray">Foresyn foresees the synthetic biological experiments, and makes you see further.</p> |
− | < | + | <a class="btn btn-more btn-info" href="https://2019.igem.org/Team:USTC-Software/Description" style="">More info</a> |
− | + | <a class="btn btn-more btn-info" href="https://foresyn.tech" style="">Try it!</a> | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
Line 421: | Line 326: | ||
.des p, div a { | .des p, div a { | ||
font-family: ubuntu, serif !important; | font-family: ubuntu, serif !important; | ||
+ | text-align: center !important; | ||
} | } | ||
</style> | </style> | ||
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 () { | ||
− | |||
− | |||
changeBg(); | changeBg(); | ||
changeArrow(); | changeArrow(); | ||
}); | }); | ||
− | + | ||
+ | function changeBg() { | ||
if (page1IsShow) { | if (page1IsShow) { | ||
− | $(" | + | $(".page1").fadeOut(500, function() { |
− | + | $('#mask').css({height: $(window).height(), width: $(window).width()}) | |
− | + | .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 { | ||
− | $(" | + | $(".page2").fadeOut(500, function() { |
− | + | $('#mask').css({height: $(window).height(), width: $(window).width()}) | |
− | + | .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
![](https://static.igem.org/mediawiki/2019/8/85/T--USTC-Software--clock.gif)
![](https://static.igem.org/mediawiki/2019/c/c9/T--USTC-Software--light.gif)