Team:USTC-Software
From 2014.igem.org
(Difference between revisions)
Line 10: | Line 10: | ||
<link href="https://2014.igem.org/Team:USTC-Software/fixed-igemHead.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | <link href="https://2014.igem.org/Team:USTC-Software/fixed-igemHead.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> | ||
<link rel="stylesheet" href="https://2014.igem.org/Team:USTC-Software/reset.css?action=raw&ctype=text/css"> <!-- CSS reset --> | <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-Software/reset.css?action=raw&ctype=text/css"> <!-- CSS reset --> | ||
- | + | <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-Software/foundation.css?action=raw&ctype=text/css" /> | |
- | + | ||
- | + | ||
<link rel="stylesheet" href="https://2014.igem.org/Team:USTC-Software/main-new.css?action=raw&ctype=text/css" /> | <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-Software/main-new.css?action=raw&ctype=text/css" /> | ||
- | + | ||
- | + | ||
- | + | ||
<script src="https://2014.igem.org/Team:USTC-Software/modernizr.js?action=raw&ctype=text/javascript"></script> | <script src="https://2014.igem.org/Team:USTC-Software/modernizr.js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <script src="https://2014.igem.org/Team:USTC-Software/jquery.js?action=raw&ctype=text/javascript"></script> | ||
<!--[if lt IE 9]> | <!--[if lt IE 9]> | ||
Line 40: | Line 35: | ||
<body class="off-canvas hide-extras wiki" style=""> | <body class="off-canvas hide-extras wiki" style=""> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<nav class="top-bar" data-topbar role="navigation"> | <nav class="top-bar" data-topbar role="navigation"> | ||
<ul class="title-area"> | <ul class="title-area"> | ||
Line 90: | Line 52: | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
<li><a href="/Team:USTC-Software/biopano.php#overview">Overview</a></li> | <li><a href="/Team:USTC-Software/biopano.php#overview">Overview</a></li> | ||
- | <li><a href="/Team:USTC-Software/biopano.php# | + | <li><a href="/Team:USTC-Software/biopano.php#motivation">Motivation</a></li> |
<li><a href="/Team:USTC-Software/biopano.php#features">Features</a></li> | <li><a href="/Team:USTC-Software/biopano.php#features">Features</a></li> | ||
<li><a href="/Team:USTC-Software/biopano.php#demos">Demos</a></li> | <li><a href="/Team:USTC-Software/biopano.php#demos">Demos</a></li> | ||
Line 99: | Line 61: | ||
<li class="divider"></li> | <li class="divider"></li> | ||
<li class="has-dropdown"> | <li class="has-dropdown"> | ||
- | <a href="/Team:USTC-Software/develop.php" class=""> | + | <a href="/Team:USTC-Software/develop.php" class="">Technology</a> |
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href="/Team:USTC-Software/develop.php# | + | <li><a href="/Team:USTC-Software/develop.php#front_end">Front End</a></li> |
- | <li><a href="/Team:USTC-Software/develop.php# | + | <li><a href="/Team:USTC-Software/develop.php#back_end">Back End</a></li> |
- | <li><a href="/Team:USTC-Software/develop.php# | + | <li><a href="/Team:USTC-Software/develop.php#alogrithm">Alogrithm</a></li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | <li class="divider"></li> | ||
+ | <li> | ||
+ | <a href="server.php" class="">Server</a> | ||
+ | </li> | ||
+ | |||
<li class="divider"></li> | <li class="divider"></li> | ||
<li class="has-dropdown"> | <li class="has-dropdown"> | ||
Line 122: | Line 88: | ||
<ul class="dropdown"> | <ul class="dropdown"> | ||
<li><a href="/Team:USTC-Software/human_practice.php#management">Management</a></li> | <li><a href="/Team:USTC-Software/human_practice.php#management">Management</a></li> | ||
- | <li><a href="/Team:USTC-Software/human_practice.php# | + | <li><a href="/Team:USTC-Software/human_practice.php#hlx">Software & Platform We Used</a></li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 143: | Line 108: | ||
<li><a href="/Team:USTC-Software/acknowledge.php#ustcif">USTCIF</a></li> | <li><a href="/Team:USTC-Software/acknowledge.php#ustcif">USTCIF</a></li> | ||
<li><a href="/Team:USTC-Software/acknowledge.php#utao">USTC Teaching Affair Office</a></li> | <li><a href="/Team:USTC-Software/acknowledge.php#utao">USTC Teaching Affair Office</a></li> | ||
- | <li><a href="/Team:USTC-Software/acknowledge.php# | + | <li><a href="/Team:USTC-Software/acknowledge.php#database">Database</a></li> |
- | + | ||
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 152: | Line 115: | ||
</nav> | </nav> | ||
+ | <script type="text/javascript"> | ||
+ | function checkOS(){ | ||
+ | var OSName="unknownOS"; | ||
+ | if (navigator.appVersion.indexOf("Win") != -1) OSName = "win"; | ||
+ | if (navigator.appVersion.indexOf("Mac") != -1) OSName = "mac"; | ||
+ | if (navigator.appVersion.indexOf("Linux") != -1 || navigator.userAgent.indexOf("Linux") != -1 || navigator.userAgent.indexOf("Unix") != -1) OSName = "linux"; | ||
+ | return OSName; | ||
+ | } | ||
+ | |||
+ | function downloadFile(OSName) { | ||
+ | if(OSName == "win") | ||
+ | url = "http://www.biopano.org/biopano.exe"; | ||
+ | else// if(OSName == "Mac") | ||
+ | url = "http://www.biopano.org/biopano.air"; | ||
+ | window.open(url); | ||
+ | } | ||
+ | |||
+ | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
.wiki{ | .wiki{ | ||
- | background-color: # | + | background-color: #434343; |
} | } | ||
</style> | </style> | ||
Line 160: | Line 141: | ||
<div style="position: relative;"> | <div style="position: relative;"> | ||
+ | <!-- | ||
+ | <img src="https://2014.igem.org/wiki/image/5/50/2014ustc-MainBackgroundback2.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | ||
+ | --> | ||
<img src="https://static.igem.org/mediawiki/2014/5/50/2014ustc-MainBackgroundback2.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | <img src="https://static.igem.org/mediawiki/2014/5/50/2014ustc-MainBackgroundback2.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | ||
+ | |||
</div> | </div> | ||
Line 182: | Line 167: | ||
<img src="https://static.igem.org/mediawiki/2014/5/5f/2014ustc-page5.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | <img src="https://static.igem.org/mediawiki/2014/5/5f/2014ustc-page5.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | ||
</div> | </div> | ||
+ | |||
+ | |||
<div style="position: relative;"> | <div style="position: relative;"> | ||
<img src="https://static.igem.org/mediawiki/2014/2/20/2014ustc-page7.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | <img src="https://static.igem.org/mediawiki/2014/2/20/2014ustc-page7.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | ||
</div> | </div> | ||
+ | |||
<div style="position: relative; color: #DFDFDF;background-color: #DFDFDF;" class="text-center" > | <div style="position: relative; color: #DFDFDF;background-color: #DFDFDF;" class="text-center" > | ||
<div class="button" onclick="downloadFile(checkOS());" style="margin: 1em 0;color:#fff;font-size:3em;background-color: #9DACBD;"> | <div class="button" onclick="downloadFile(checkOS());" style="margin: 1em 0;color:#fff;font-size:3em;background-color: #9DACBD;"> | ||
Line 191: | Line 179: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
<div class="clear"></div> | <div class="clear"></div> | ||
Line 230: | Line 219: | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | ||
<script> | <script> | ||
$(function(){ | $(function(){ | ||
Line 238: | Line 227: | ||
$('#pop_up_content').html('<h2>' + titleText + '</h2>' + description); | $('#pop_up_content').html('<h2>' + titleText + '</h2>' + description); | ||
$('#pop_up').fadeIn(); | $('#pop_up').fadeIn(); | ||
+ | $(document.body).css("overflow","hidden");//禁止body 滚动条 | ||
+ | $("html").css("overflow","hidden"); | ||
return false; | return false; | ||
}); | }); | ||
Line 245: | Line 236: | ||
$('#pop_up_content').html('<h2>' + titleText + '</h2>' + description); | $('#pop_up_content').html('<h2>' + titleText + '</h2>' + description); | ||
$('#pop_up').fadeIn(); | $('#pop_up').fadeIn(); | ||
+ | $(document.body).css("overflow","hidden");//禁止body 滚动条 | ||
+ | $("html").css("overflow","hidden"); | ||
return false; | return false; | ||
}); | }); | ||
$('#pop_up #pop_up_close').click(function(){ | $('#pop_up #pop_up_close').click(function(){ | ||
$('#pop_up').fadeOut(); | $('#pop_up').fadeOut(); | ||
+ | $(document.body).css("overflow","auto"); | ||
+ | $("html").css("overflow","auto"); | ||
}); | }); | ||
$('#pop_up #pop_up_underlay').click(function(){ | $('#pop_up #pop_up_underlay').click(function(){ | ||
$('#pop_up').fadeOut(); | $('#pop_up').fadeOut(); | ||
+ | $(document.body).css("overflow","auto"); | ||
+ | $("html").css("overflow","auto"); | ||
}); | }); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
}); | }); | ||
</script> | </script> | ||
Line 270: | Line 258: | ||
$(document).foundation(); | $(document).foundation(); | ||
</script> | </script> | ||
+ | <style type="text/css"> | ||
+ | #totop_item { | ||
+ | display: none; | ||
+ | width: 60px; | ||
+ | height: 100px; | ||
+ | position: fixed; | ||
+ | right: 2px; | ||
+ | bottom: 10px; | ||
+ | -webkit-transition: opacity .4s ease-in-out; | ||
+ | -moz-transition: opacity .4s ease-in-out; | ||
+ | -o-transition: opacity .4s ease-in-out; | ||
+ | opacity: 1; | ||
+ | z-index: 100000000; | ||
+ | } | ||
+ | |||
+ | #totop { | ||
+ | display: block; | ||
+ | width: 60px; | ||
+ | height: 50px; | ||
+ | background: url(https://static.igem.org/mediawiki/2014/3/31/2014ustc-Totop.png) center center no-repeat; | ||
+ | background-color: #444; | ||
+ | background-color: rgba(0,0,0,.6); | ||
+ | border-radius: 2px; | ||
+ | box-shadow: 0 1px 3px rgba(0,0,0,.2); | ||
+ | cursor: pointer; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <div id="totop_item" class=""> | ||
+ | <a id="totop" onclick="return false;" title="回到顶部"></a> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | function goTop() | ||
+ | { | ||
+ | $(window).scroll(function(e) { | ||
+ | if($(window).scrollTop()>300) | ||
+ | $("#totop_item").fadeIn(1000); | ||
+ | else | ||
+ | $("#totop_item").fadeOut(1000); | ||
+ | }); | ||
+ | }; | ||
+ | $(function(){ | ||
+ | $("#totop").click(function(e) { | ||
+ | $('body,html').animate({scrollTop:0},1000); | ||
+ | }); | ||
+ | goTop(); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 02:30, 18 October 2014