Team:USTC-Software
From 2014.igem.org
(Difference between revisions)
(20 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<title>USTC-Software | Welcome</title> | <title>USTC-Software | Welcome</title> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<meta name="description" content="iGEM"> | <meta name="description" content="iGEM"> | ||
<meta name="author" content="Taixing Lin"> | <meta name="author" content="Taixing Lin"> | ||
<meta name="copyright" content="USTC-Software, inc. Copyright (c) 2014"> | <meta name="copyright" content="USTC-Software, inc. Copyright (c) 2014"> | ||
+ | |||
+ | <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 rel="stylesheet" href="https://2014.igem.org/Team:USTC-Software/reset.css?action=raw&ctype=text/css"> <!-- CSS reset --> | ||
- | <link rel="stylesheet" href=" | + | <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-Software/foundation.css?action=raw&ctype=text/css" /> |
- | <link href=" | + | |
- | < | + | <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/jquery.js?action=raw&ctype=text/javascript"></script> | ||
+ | |||
<!--[if lt IE 9]> | <!--[if lt IE 9]> | ||
<link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/ie.css" media="screen" rel="stylesheet" /> | <link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/ie.css" media="screen" rel="stylesheet" /> | ||
Line 32: | Line 30: | ||
<script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/html5.js"></script> | <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/html5.js"></script> | ||
<![endif]--> | <![endif]--> | ||
+ | |||
+ | |||
</head> | </head> | ||
- | <body class="off-canvas hide-extras " style="" | + | <body class="off-canvas hide-extras wiki" style=""> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <nav class="top-bar" data-topbar role="navigation"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <nav class=" | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<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> | ||
</ul> | </ul> | ||
<!-- --------------------------------------> | <!-- --------------------------------------> | ||
+ | |||
<section class="top-bar-section"> | <section class="top-bar-section"> | ||
<ul class="right"> | <ul class="right"> | ||
- | |||
- | |||
- | |||
- | |||
<li class="divider"></li> | <li class="divider"></li> | ||
<li class="has-dropdown"> | <li class="has-dropdown"> | ||
- | <a href=" | + | <a href="/Team:USTC-Software/biopano.php" class="">BioPano</a> |
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href=" | + | <li><a href="/Team:USTC-Software/biopano.php#overview">Overview</a></li> |
- | <li><a href=" | + | <li><a href="/Team:USTC-Software/biopano.php#motivation">Motivation</a></li> |
- | <li><a href=" | + | <li><a href="/Team:USTC-Software/biopano.php#features">Features</a></li> |
- | <li><a href=" | + | <li><a href="/Team:USTC-Software/biopano.php#demos">Demos</a></li> |
- | <li><a href=" | + | <li><a href="/Team:USTC-Software/biopano.php#why">Why choose BioPano?</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"> | ||
+ | <a href="/Team:USTC-Software/develop.php" class="">Technology</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="/Team:USTC-Software/develop.php#front_end">Front End</a></li> | ||
+ | <li><a href="/Team:USTC-Software/develop.php#back_end">Back End</a></li> | ||
+ | <li><a href="/Team:USTC-Software/develop.php#alogrithm">Alogrithm</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="divider"></li> | ||
<li> | <li> | ||
- | <a href=" | + | <a href="server.php" class="">Server</a> |
</li> | </li> | ||
+ | |||
<li class="divider"></li> | <li class="divider"></li> | ||
<li class="has-dropdown"> | <li class="has-dropdown"> | ||
- | <a href=" | + | <a href="/Team:USTC-Software/requirements.php" class="">Requirements</a> |
- | + | <ul class="dropdown"> | |
- | + | <li><a href="/Team:USTC-Software/requirements.php#medals">Medals</a></li> | |
- | + | <li><a href="/Team:USTC-Software/requirements.php#safety">Safety</a></li> | |
+ | <li><a href="/Team:USTC-Software/requirements.php#collaboration">Collaboration</a></li> | ||
</ul> | </ul> | ||
+ | |||
</li> | </li> | ||
- | |||
<li class="divider"></li> | <li class="divider"></li> | ||
- | <li> | + | <li class="has-dropdown"> |
- | <a href="/ | + | <a href="/Team:USTC-Software/human_practice.php" class="">Human Practice</a> |
+ | <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#hlxisveryhandsome">Software & Platform We Used</a></li> | ||
+ | </ul> | ||
</li> | </li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
- | <li> | + | |
- | <a href="/ | + | <li class="has-dropdown"> |
+ | <a href="/Team:USTC-Software/team.php" class="">Team</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="/Team:USTC-Software/team.php#team_members">Team Members</a></li> | ||
+ | <li><a href="/Team:USTC-Software/team.php#I_A">Instructors & Advisors</a></li> | ||
+ | <li><a href="/Team:USTC-Software/team.php#Additional_thanks">Additional Thanks</a></li> | ||
+ | </ul> | ||
</li> | </li> | ||
- | |||
- | |||
<li class="divider"></li> | <li class="divider"></li> | ||
<li class="has-dropdown"> | <li class="has-dropdown"> | ||
- | <a href=" | + | <a href="/Team:USTC-Software/acknowledge.php" class="">Acknowledge</a> |
<ul class="dropdown"> | <ul class="dropdown"> | ||
- | <li><a href=" | + | <li><a href="/Team:USTC-Software/acknowledge.php#dbank">Deutsche Bank</a></li> |
- | <li><a href="/ | + | <li><a href="/Team:USTC-Software/acknowledge.php#ustcif">USTCIF</a></li> |
- | <li><a href="/ | + | <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> | ||
- | + | <ul> | |
- | + | ||
</section> | </section> | ||
</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"> | |
- | + | .wiki{ | |
- | + | background-color: #434343; | |
- | + | } | |
- | + | </style> | |
- | + | ||
- | + | ||
- | + | <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%"> | |
- | + | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <div style="position: relative;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/1/1a/2014ustc-page1.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | ||
+ | </div> | ||
+ | <div style="position: relative;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/a/a5/2014ustc-page2.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | ||
+ | </div> | ||
+ | <div style="position: relative;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/a/a3/2014ustc-page3.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | ||
+ | </div> | ||
- | < | + | <div style="position: relative;"> |
- | + | <img src="https://static.igem.org/mediawiki/2014/5/54/2014ustc-Page4.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | |
- | + | </div> | |
- | + | ||
- | + | <div style="position: relative;"> | |
- | + | <img src="https://static.igem.org/mediawiki/2014/5/5f/2014ustc-page5.jpg" alt="" class="bg" style="width:100%;max-width:100%"> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <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%"> | |
- | + | </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 class="clear"></div> | |
- | </ | + | |
+ | <div id="last-info" class="hide-for-small"> | ||
+ | <div class="row fullWidth"> | ||
+ | <div class="large-3 medium-3 columns " style="margin-top:5em"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/78/2014ustc-software2.png"> | ||
</div> | </div> | ||
- | + | <div class="large-6 medium-6 columns" style="color:#fff"> | |
- | + | <h5 style="color:#fff;font-weight:bold;margin-bottom: 25px;">Innovation Experiment Centre of Life Science (IEC)</h5> | |
- | + | <p>Building of Life Sciences, Room 363</p> | |
- | + | <p>University of Science and Technology of China</p> | |
- | + | <p>96, Jinzhai Rd, Shushan, Hefei</p> | |
- | + | <p>230026, Anhui, China</p> | |
- | < | + | <p>support@biopano.org</p> |
- | + | </div> | |
- | + | <div class="large-3 medium-3 columns " style="margin-top:5em"> | |
- | + | ||
- | + | <a href="https://www.db.com" target="_blank"><img src="https://static.igem.org/mediawiki/2014/c/c0/2014ustc-Dbank.png" style="margin-top:2em"></a> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | </div> | |
+ | </div> | ||
+ | |||
<div class="ltx-footer-bottom"> | <div class="ltx-footer-bottom"> | ||
<div class="row" > | <div class="row" > | ||
- | <div class="medium-4 medium-4 push- | + | <div class="medium-4 medium-4 push-9 columns"> |
- | <ul class="home-social"> | + | <ul class="home-social"> |
- | <li><a href="http://twitter.com/USTC_Software" class="twitter"></a></li> | + | <li><a href="http://www.twitter.com/USTC_Software" class="twitter"></a></li> |
- | <li><a href="http://www.facebook.com/USTCSoftware" class="facebook"></a></li> | + | <li><a href="http://www.facebook.com/USTCSoftware" class="facebook"></a></li> |
- | <li><a href=" | + | <li><a href="#contactus" class="mail"></a></li> |
- | </ul> | + | </ul> |
+ | </div> | ||
+ | <div class="medium-8 medium-8 pull-5 columns"> | ||
+ | <a href="http://en.ustc.edu.cn"><h4 style="color:antiquewhite">University of Science and Technology of China</h4></a> | ||
+ | <p class="copyright">© 2014 USTC-Software,University of Science and Technology of China. All rights reserved.</p> | ||
+ | </div> | ||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | </ | + | |
- | </ | + | <script> |
- | <script src=" | + | $(function(){ |
- | <script src=" | + | $('.row .nameplate').click(function(){ |
+ | var description = $(this).parent().find('.details').html(); | ||
+ | var titleText = $(this).text();//text(); | ||
+ | $('#pop_up_content').html('<h2>' + titleText + '</h2>' + description); | ||
+ | $('#pop_up').fadeIn(); | ||
+ | $(document.body).css("overflow","hidden");//禁止body 滚动条 | ||
+ | $("html").css("overflow","hidden"); | ||
+ | return false; | ||
+ | }); | ||
+ | $('.row .profilewrap').click(function(){ | ||
+ | var description = $(this).find('.details').html(); | ||
+ | var titleText = $(this).find('.nameplate').text();//text(); | ||
+ | $('#pop_up_content').html('<h2>' + titleText + '</h2>' + description); | ||
+ | $('#pop_up').fadeIn(); | ||
+ | $(document.body).css("overflow","hidden");//禁止body 滚动条 | ||
+ | $("html").css("overflow","hidden"); | ||
+ | return false; | ||
+ | }); | ||
+ | $('#pop_up #pop_up_close').click(function(){ | ||
+ | $('#pop_up').fadeOut(); | ||
+ | $(document.body).css("overflow","auto"); | ||
+ | $("html").css("overflow","auto"); | ||
+ | }); | ||
+ | $('#pop_up #pop_up_underlay').click(function(){ | ||
+ | $('#pop_up').fadeOut(); | ||
+ | $(document.body).css("overflow","auto"); | ||
+ | $("html").css("overflow","auto"); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <script src="https://2014.igem.org/Team:USTC-Software/main.js?action=raw&ctype=text/javascript"></script> <!-- Resource jQuery --> | ||
+ | |||
+ | <script src="https://2014.igem.org/Team:USTC-Software/foundation.min.js?action=raw&ctype=text/javascript"></script> | ||
<script> | <script> | ||
$(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; | |
- | </script> | + | 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