Team:USTC-Software
From 2014.igem.org
(Difference between revisions)
(14 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | <html class="no-js" lang="en"> | |
+ | <head> | ||
+ | <meta charset="utf-8" /> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
+ | <title>USTC-Software | Welcome</title> | ||
+ | |||
+ | <meta name="description" content="iGEM"> | ||
+ | <meta name="author" content="Taixing Lin"> | ||
+ | <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="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" /> | ||
+ | |||
+ | <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]> | ||
+ | <link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/ie.css" media="screen" rel="stylesheet" /> | ||
+ | <![endif]--> | ||
+ | |||
+ | <!-- IE Fix for HTML5 Tags --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/html5.js"></script> | ||
+ | <![endif]--> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | <body class="off-canvas hide-extras wiki" style=""> | ||
+ | |||
+ | <nav class="top-bar" data-topbar role="navigation"> | ||
+ | <ul class="title-area"> | ||
+ | <li class="name" > | ||
+ | <h1><a href="/Team:USTC-Software" style="font-family: 'Lobster', cursive;">USTC-Software</a></h1> | ||
+ | </li> | ||
+ | <li class="toggle-topbar menu-icon"><a href="#"></a></li> | ||
+ | </ul> | ||
+ | <!-- --------------------------------------> | ||
+ | |||
+ | <section class="top-bar-section"> | ||
+ | <ul class="right"> | ||
+ | |||
+ | <li class="divider"></li> | ||
+ | <li class="has-dropdown"> | ||
+ | <a href="/Team:USTC-Software/biopano.php" class="">BioPano</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="/Team:USTC-Software/biopano.php#overview">Overview</a></li> | ||
+ | <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#demos">Demos</a></li> | ||
+ | <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> | ||
+ | </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> | ||
+ | <a href="server.php" class="">Server</a> | ||
+ | </li> | ||
+ | |||
+ | <li class="divider"></li> | ||
+ | <li class="has-dropdown"> | ||
+ | <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> | ||
+ | |||
+ | </li> | ||
+ | <li class="divider"></li> | ||
+ | <li class="has-dropdown"> | ||
+ | <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 class="divider"></li> | ||
+ | |||
+ | <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 class="divider"></li> | ||
+ | <li class="has-dropdown"> | ||
+ | <a href="/Team:USTC-Software/acknowledge.php" class="">Acknowledge</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="/Team:USTC-Software/acknowledge.php#dbank">Deutsche Bank</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#database">Database</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <ul> | ||
+ | </section> | ||
+ | |||
+ | </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 8: | 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> | ||
<div class="clear"></div> | <div class="clear"></div> | ||
- | {{USTC-Software/ | + | |
+ | <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 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="row" > | ||
+ | <div class="medium-4 medium-4 push-9 columns"> | ||
+ | <ul class="home-social"> | ||
+ | <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="#contactus" class="mail"></a></li> | ||
+ | </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> | ||
+ | |||
+ | <script> | ||
+ | $(function(){ | ||
+ | $('.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> | ||
+ | $(document).foundation(); | ||
+ | </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> | ||
+ | </html> |
Latest revision as of 03:38, 18 October 2014