Team:USTC-Software
From 2014.igem.org
(Difference between revisions)
(13 intermediate revisions not shown) | |||
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"> | ||
<li class="name" > | <li class="name" > | ||
- | <h1><a href=" | + | <h1><a href="/Team:USTC-Software" style="font-family: 'Lobster', cursive;">USTC-Software</a></h1> |
</li> | </li> | ||
<li class="toggle-topbar menu-icon"><a href="#"></a></li> | <li class="toggle-topbar menu-icon"><a href="#"></a></li> | ||
Line 87: | Line 49: | ||
<li class="divider"></li> | <li class="divider"></li> | ||
<li class="has-dropdown"> | <li class="has-dropdown"> | ||
- | <a href="biopano.php" class="">BioPano</a> | + | <a href="/Team:USTC-Software/biopano.php" class="">BioPano</a> |
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href="biopano.php#overview">Overview</a></li> | + | <li><a href="/Team:USTC-Software/biopano.php#overview">Overview</a></li> |
- | <li><a href="biopano.php# | + | <li><a href="/Team:USTC-Software/biopano.php#motivation">Motivation</a></li> |
- | <li><a href="biopano.php#features">Features</a></li> | + | <li><a href="/Team:USTC-Software/biopano.php#features">Features</a></li> |
- | <li><a href="biopano.php#demos">Demos</a></li> | + | <li><a href="/Team:USTC-Software/biopano.php#demos">Demos</a></li> |
- | <li><a href="biopano.php#why">Why choose BioPano?</a></li> | + | <li><a href="/Team:USTC-Software/biopano.php#why">Why choose BioPano?</a></li> |
- | <li><a href="biopano.php#futurework">Future work</a></li> | + | <li><a href="/Team:USTC-Software/biopano.php#futurework">Future work</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
<li class="has-dropdown"> | <li class="has-dropdown"> | ||
- | <a href="develop.php" class=""> | + | <a href="/Team:USTC-Software/develop.php" class="">Technology</a> |
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href="develop.php# | + | <li><a href="/Team:USTC-Software/develop.php#front_end">Front End</a></li> |
- | <li><a href="develop.php# | + | <li><a href="/Team:USTC-Software/develop.php#back_end">Back End</a></li> |
- | <li><a href=" | + | <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"> | ||
- | <a href="requirements.php" class="">Requirements</a> | + | <a href="/Team:USTC-Software/requirements.php" class="">Requirements</a> |
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href="requirements.php#medals">Medals</a></li> | + | <li><a href="/Team:USTC-Software/requirements.php#medals">Medals</a></li> |
- | <li><a href="requirements.php#safety">Safety</a></li> | + | <li><a href="/Team:USTC-Software/requirements.php#safety">Safety</a></li> |
- | <li><a href="requirements.php#collaboration">Collaboration</a></li> | + | <li><a href="/Team:USTC-Software/requirements.php#collaboration">Collaboration</a></li> |
</ul> | </ul> | ||
Line 119: | Line 85: | ||
<li class="divider"></li> | <li class="divider"></li> | ||
<li class="has-dropdown"> | <li class="has-dropdown"> | ||
- | <a href="human_practice.php" class="">Human Practice</a> | + | <a href="/Team:USTC-Software/human_practice.php" class="">Human Practice</a> |
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href="human_practice.php#management">Management</a></li> | + | <li><a href="/Team:USTC-Software/human_practice.php#management">Management</a></li> |
- | <li><a href=" | + | <li><a href="/Team:USTC-Software/human_practice.php#hlxisveryhandsome">Software & Platform We Used</a></li> |
- | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 129: | Line 94: | ||
<li class="has-dropdown"> | <li class="has-dropdown"> | ||
- | <a href="team.php" class="">Team</a> | + | <a href="/Team:USTC-Software/team.php" class="">Team</a> |
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href="team.php#team_members">Team Members</a></li> | + | <li><a href="/Team:USTC-Software/team.php#team_members">Team Members</a></li> |
- | <li><a href="team.php#I_A">Instructors & Advisors</a></li> | + | <li><a href="/Team:USTC-Software/team.php#I_A">Instructors & Advisors</a></li> |
- | <li><a href="team.php#Additional_thanks">Additional Thanks</a></li> | + | <li><a href="/Team:USTC-Software/team.php#Additional_thanks">Additional Thanks</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
<li class="has-dropdown"> | <li class="has-dropdown"> | ||
- | <a href="acknowledge.php" class="">Acknowledge</a> | + | <a href="/Team:USTC-Software/acknowledge.php" class="">Acknowledge</a> |
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href="acknowledge.php#dbank">Deutsche Bank</a></li> | + | <li><a href="/Team:USTC-Software/acknowledge.php#dbank">Deutsche Bank</a></li> |
- | <li><a href="acknowledge.php#ustcif">USTCIF</a></li> | + | <li><a href="/Team:USTC-Software/acknowledge.php#ustcif">USTCIF</a></li> |
- | <li><a href="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=" | + | <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> | ||
<div style="position: relative;"> | <div style="position: relative;"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/1/1a/2014ustc-page1.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
</div> | </div> | ||
<div style="position: relative;"> | <div style="position: relative;"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/a/a5/2014ustc-page2.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
</div> | </div> | ||
<div style="position: relative;"> | <div style="position: relative;"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/a/a3/2014ustc-page3.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
</div> | </div> | ||
<div style="position: relative;"> | <div style="position: relative;"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/5/54/2014ustc-Page4.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
</div> | </div> | ||
<div style="position: relative;"> | <div style="position: relative;"> | ||
- | <img src=" | + | <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=" | + | <img src="https://static.igem.org/mediawiki/2014/2/20/2014ustc-page7.jpg" alt="" class="bg" style="width:100%;max-width:100%"> |
+ | </div> | ||
+ | |||
+ | <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;"> | ||
+ | Download Now ! | ||
+ | </div> | ||
</div> | </div> | ||
Line 200: | Line 193: | ||
<p>96, Jinzhai Rd, Shushan, Hefei</p> | <p>96, Jinzhai Rd, Shushan, Hefei</p> | ||
<p>230026, Anhui, China</p> | <p>230026, Anhui, China</p> | ||
- | <p> | + | <p>support@biopano.org</p> |
</div> | </div> | ||
<div class="large-3 medium-3 columns " style="margin-top:5em"> | <div class="large-3 medium-3 columns " style="margin-top:5em"> | ||
Line 226: | Line 219: | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | ||
<script> | <script> | ||
$(function(){ | $(function(){ | ||
Line 234: | 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 241: | 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 266: | 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> | ||
+ | <script> | ||
+ | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | ||
+ | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | ||
+ | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | ||
+ | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | ||
+ | |||
+ | ga('create', 'UA-35866682-3', 'igem.org'); | ||
+ | ga('send', 'pageview'); | ||
+ | |||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:38, 18 October 2014