Team:USTC-Software

From 2014.igem.org

(Difference between revisions)
 
(18 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>
-
    <link rel="icon" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/favicon.ico" type="image/x-icon">
 
-
    <!-- For third-generation iPad with high-resolution Retina display: -->
 
-
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-144x144-precomposed.png">
 
-
    <!-- For iPhone with high-resolution Retina display: -->
 
-
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-114x114-precomposed.png">
 
-
    <!-- For first- and second-generation iPad: -->
 
-
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-72x72-precomposed.png">
 
-
    <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
 
-
    <link rel="apple-touch-icon-precomposed" href="http://huodong.ustc.edu.cn/Web/igem2014-website/img/favicons/apple-touch-icon-precomposed.png">
 
     <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="http://huodong.ustc.edu.cn/Web/igem2014-website/css/foundation.css" />
+
     <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-Software/foundation.css?action=raw&ctype=text/css" />
-
     <link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/fixed-positioning.css" rel="stylesheet" type="text/css" />
+
 
-
     <link href="http://huodong.ustc.edu.cn/Web/igem2014-website/css/fixed-igemHead.css" rel="stylesheet" type="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="http://huodong.ustc.edu.cn/Web/igem2014-website/css/main.css" />
+
     <script src="https://2014.igem.org/Team:USTC-Software/modernizr.js?action=raw&ctype=text/javascript"></script>
-
    <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/vendor/modernizr.js"></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="">
-
    <div class="off-canvas-wrap">
+
-
      <div class="inner-wrap">
+
-
<aside class="left-off-canvas-menu">
+
-
  <ul class="off-canvas-list">
+
-
    <li><label class="first" style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-weight:700">USTC-Software</label></li>
+
-
    <li><a href="index.html">Home</a></li>
+
-
  </ul>
+
-
  <hr>
+
<nav class="top-bar" data-topbar role="navigation">
-
 
+
-
  <ul class="off-canvas-list">
+
-
    <li><label class="first">About</label></li>
+
-
    <li><a href="learn/features.html">Overall</a></li>
+
-
    <li><a href="learn/faq.html">Software</a></li>
+
-
    <li><a href="learn/faq.html">Method</a></li>
+
-
    <li><a href="learn/faq.html">Examples</a></li>
+
-
    <li><a href="learn/faq.html">Future Work</a></li>
+
-
  </ul>
+
-
 
+
-
  <hr>
+
-
 
+
-
  <ul class="off-canvas-list">
+
-
    <li><label>Teams</label></li>
+
-
  </ul>
+
-
 
+
-
  <hr>
+
-
 
+
-
  <ul class="off-canvas-list">
+
-
    <li><label>Schedule</label></li>
+
-
    <li><a href="support/support.html">Term</a></li>
+
-
    <li><a href="/forum">Vacation</a></li>
+
-
  </ul>
+
-
  <hr>
+
-
  <ul class="off-canvas-list">
+
-
    <li><label>Media</label></li>
+
-
  </ul>
+
-
 
+
-
  <hr>
+
-
  <ul class="off-canvas-list">
+
-
    <li><label>Results</label></li>
+
-
  </ul>
+
-
  <hr>
+
-
  <ul class="off-canvas-list">
+
-
    <li><label>Sponsors</label></li>
+
-
  </ul>
+
-
  <hr>
+
-
  <ul class="off-canvas-list">
+
-
    <li><label>Contact</label></li>
+
-
  </ul>
+
-
  <hr>
+
-
 
+
-
</aside>
+
-
<!-- -------------------------------------->
+
-
 
+
-
+
-
<nav class="tab-bar show-for-small">
+
-
  <a class="left-off-canvas-toggle menu-icon" style="line-height: 1.0625rem;">
+
-
   
+
-
    <span style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-weight:700">USTC_Software</span>
+
-
 
+
-
  </a>
+
-
</nav>
+
-
 
+
-
<nav class="top-bar hide-for-small" data-topbar>
+
   <ul class="title-area">
   <ul class="title-area">
     <li class="name" >
     <li class="name" >
-
       <h1><a href="index.html" style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-weight: 700;">USTC-Software</a></h1>
+
       <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>
 
-
        <a href="/docs" class="">Home</a>
 
-
      </li>
 
       <li class="divider"></li>
       <li class="divider"></li>
       <li class="has-dropdown">
       <li class="has-dropdown">
-
         <a href="learn/features.html" class="">About</a>
+
         <a href="/Team:USTC-Software/biopano.php" class="">BioPano</a>
         <ul class="dropdown">
         <ul class="dropdown">
-
             <li><a href="learn/features.html">Overall</a></li>
+
             <li><a href="/Team:USTC-Software/biopano.php#overview">Overview</a></li>
-
             <li><a href="learn/faq.html">Software</a></li>
+
             <li><a href="/Team:USTC-Software/biopano.php#motivation">Motivation</a></li>
-
             <li><a href="learn/faq.html">Method</a></li>
+
            <li><a href="/Team:USTC-Software/biopano.php#features">Features</a></li>
-
             <li><a href="learn/faq.html">Examples</a></li>
+
             <li><a href="/Team:USTC-Software/biopano.php#demos">Demos</a></li>
-
             <li><a href="learn/faq.html">Future Work</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>
         </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="/docs" class="">Teams</a>
+
         <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="templates.html" class="">Schedule</a>
+
         <a href="/Team:USTC-Software/requirements.php" class="">Requirements</a>
-
        <ul class="dropdown">
+
        <ul class="dropdown">
-
          <li><a href="templates.html">test</a></li>
+
            <li><a href="/Team:USTC-Software/requirements.php#medals">Medals</a></li>
-
          <li><a href="/docs">Docs</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="/docs" class="">Sponsors</a>
+
         <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="/docs" class="">Contact</a>
+
       <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="business/services.html" class="">Communicate</a>
+
         <a href="/Team:USTC-Software/acknowledge.php" class="">Acknowledge</a>
         <ul class="dropdown">
         <ul class="dropdown">
-
             <li><a href="support/support.html">Human Practice</a></li>
+
             <li><a href="/Team:USTC-Software/acknowledge.php#dbank">Deutsche Bank</a></li>
-
             <li><a href="/forum">Safety</a></li>
+
             <li><a href="/Team:USTC-Software/acknowledge.php#ustcif">USTCIF</a></li>
-
             <li><a href="/forum">Collaborate</a></li>
+
             <li><a href="/Team:USTC-Software/acknowledge.php#utao">USTC Teaching Affair Office</a></li>
-
             <li><a href="/forum">Develop</a></li>
+
             <li><a href="/Team:USTC-Software/acknowledge.php#database">Database</a></li>
         </ul>
         </ul>
       </li>
       </li>
-
    -->
+
      <ul>
-
    </ul>
+
   </section>
   </section>
</nav>
</nav>
-
<div id="container">
+
<script type="text/javascript">
-
     <div class="slide-box">
+
function checkOS(){
-
     <div class="row large-12 columns large-centered">
+
     var OSName="unknownOS";
-
      <div class="orbit-container boxshadow">
+
     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";
-
      <ul data-orbit data-options="timer_speed:2500; bullets:false;">
+
    return OSName;
-
              <li>
+
}
-
                <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide1.jpg" />
+
-
                <div class="orbit-caption">...</div>
+
-
              </li>
+
-
              <li>
+
function downloadFile(OSName) {
-
                <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide2.jpg" />
+
    if(OSName == "win")
-
                <div class="orbit-caption">...</div>
+
    url = "http://www.biopano.org/biopano.exe";
-
              </li>
+
    else// if(OSName == "Mac")
-
           
+
    url = "http://www.biopano.org/biopano.air";
-
              <li>
+
    window.open(url);
-
                <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide3.jpg" />
+
}
-
                <div class="orbit-caption">...</div>
+
 
-
              </li>
+
</script>
-
              <!--
+
<style type="text/css">
-
              <li>
+
  .wiki{
-
                <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide4.jpg" />
+
    background-color: #434343;
-
                <div class="orbit-caption">...</div>
+
  } 
-
              </li>
+
</style>
-
          -->   
+
 
-
        </ul>
+
 
-
     
+
<div style="position: relative;">
-
        </div>
+
<!--
-
        </div>
+
<img src="https://2014.igem.org/wiki/image/5/50/2014ustc-MainBackgroundback2.jpg" alt="" class="bg" style="width:100%;max-width:100%">
-
    </div>
+
-->
-
      <div class="main-content">
+
<img src="https://static.igem.org/mediawiki/2014/5/50/2014ustc-MainBackgroundback2.jpg" alt="" class="bg" style="width:100%;max-width:100%">
-
      <div class="row large-12 columns large-centered">
+
-
        <p style="font-size:32px">Description</p>
+
-
        <div class="underline-large"></div>
+
-
      </div>
+
-
    <div class="row large-12 columns large-centered">
+
-
        <div class="row">
+
-
      <div class="large-12 columns large-centered">
+
-
        <p><strong style="font-size:130%">Ailuropoda</strong> is a data visualizational open source software specially designed for biologists, which can be used to show gene regulation and metabolic network. When a node is selected, our software can quickly form a net with the nodes close to it. When a gene sequence is provided, such as a BioBrick part, our software can use homology method to predict the impact it gives on the gene regulatory network. Furthermore, the software provides users with various interfaces so that the entire network, or a part of it, can be exported into corresponding format which can be imported into other professional softwares for network analysis.On this platform, users can create, modify and complete different biological networks based on the information they get from online collaboration.
+
-
        </p>
+
-
        <h2>Functions Already Realized:</h2>
+
-
        <div class="underline-small"></div>
+
-
        <h4>Display of the Relationship</h4>
+
-
        <p>When the user inputs the information of a node, the software will show the three-decker network associated with the node. Other nodes will be arranged according to the strength of their relationship with the central node, and highlighted by varied colors as well. The user can also input two or more nodes to find their relationship. Our software will show all the paths connecting them that satisfy the distance the user sets. Moreover, every node and arc in the network is attached with an extensive literature, the newest included, and the user can read the literature along all the paths to study the various relationship in the network more expressly.
+
-
        </p>
+
-
        <h2>Functions to Be Realized:</h2>
+
-
        <div class="underline-small"></div>
+
-
        <h4>Providing All Kinds of Interfaces and Network Analysis</h4>
+
-
        <p>The user can select the entire network (or a part of it), export it into appropriate format, and then import the file into some professional biological software for function analysis, such as SimBiology in Matlab. Moreover, our software provides APIs, enabling users to write some small plug-ins themselves to realize user-defined functions.
+
-
        </p>
+
-
        <h4>Collaborative Networking and Multi-field Information Exchange</h4>
+
-
        <p>One biologist can only build a small part of network, which is already hard work. However, they can make use of the platform our software provides to upload their achievements and our software will integrate these networks. Biologists from different fields can exchange all kinds of information, therefore they may discover enlightening links among various research projects, which can guide them to a better decision on their further research. It will also effectively enhance the development of varied fields of biology. An example of this is that molecular biologists can point out metabolic pathways for synthetic biologists, and synthetic biologists design and optimize product circuits using BioBrick parts for molecular biologists.</p>
+
-
        <h2>Prospective:</h2>
+
-
        <div class="underline-small"></div>
+
-
        <p><strong style="font-size:130%">Ailuropoda</strong> is currently based on the data of E.coli K-12, and we will continue to enrich our data with the help of users. With an enriched database, the software will be of great value and wide application.</p>
+
-
      </div>
+
</div>
</div>
-
     
 
-
    </div>
 
-
   
 
-
    </div>
 
-
</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;">
-
  <div class="team-wrap">
+
<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 class="row">
+
 
-
      <div class="large-4 columns centered-text zurbian">
+
<div style="position: relative;">
-
        <img alt="bryan zmijewski" src="./img/bryan-home-3b154e2f21236aefb7b72f9e31106ca0.jpg">
+
<img src="https://static.igem.org/mediawiki/2014/5/5f/2014ustc-page5.jpg" alt="" class="bg" style="width:100%;max-width:100%">
-
        <h4><a href="http://zurb.com/profile/bryan-zmijewski">Bryan Zmijewski</a></h4>
+
</div>
-
        <p class="job-title">Founder, President</p>
+
 
-
        <p class="short-bio">Bryan is our fearless leader and chief instigator. Hailing from the Stanford Product Design program and getting his roots from IDEO, he has advised more than 200 startups on how to build digital products.</p>
+
 
-
      </div>
+
 
-
      <div class="large-4 columns centered-text zurbian">
+
<div style="position: relative;">
-
        <img alt="matt kelly" src="./img/matt-home-0daaa6cedcf767c1da16d704a469025b.jpg">
+
<img src="https://static.igem.org/mediawiki/2014/2/20/2014ustc-page7.jpg" alt="" class="bg" style="width:100%;max-width:100%">
-
        <h4><a href="http://zurb.com/profile/matt-kelly">Matt Kelly</a></h4>
+
</div>
-
        <p class="job-title">Partner, Engineering Lead</p>
+
 
-
        <p class="short-bio">Matt is our University Dean. He drives the creation of our courses. As a ZURB partner and head of engineering, he's involved in all aspects of our business and brings that knowledge to the classes he teaches.</p>
+
<div style="position: relative; color: #DFDFDF;background-color: #DFDFDF;" class="text-center" >
-
      </div>
+
<div  class="button" onclick="downloadFile(checkOS());" style="margin: 1em 0;color:#fff;font-size:3em;background-color: #9DACBD;">
-
      <div class="large-4 columns centered-text zurbian">
+
Download Now !
-
        <img alt="jonathan smiley" src="./img/jon-home-19f1fe54bbb5d42854f8947c2f6e8670.jpg">
+
</div>
-
        <h4><a href="http://zurb.com/profile/jonathan-smiley">Jonathan Smiley</a></h4>
+
</div>
-
        <p class="job-title">Partner, Product Lead</p>
+
 
-
        <p class="short-bio">Jonathan is a partner at ZURB and our Product Lead. He's the original mastermind behind Foundation, our responsive framework, and continually pushes the ZURB products forward.</p>
+
<div class="clear"></div>
-
       </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="row">
+
     <div class="large-6 medium-6 columns" style="color:#fff">
-
      <div class="large-4 columns centered-text zurbian">
+
      <h5 style="color:#fff;font-weight:bold;margin-bottom: 25px;">Innovation Experiment Centre of Life Science (IEC)</h5>
-
        <img alt="alina senderzon" src="./img/alina-home-7fed177744596d2f4a836d3b4a91b37b.jpg">
+
      <p>Building of Life Sciences, Room 363</p>
-
        <h4><a href="http://zurb.com/profile/alina-senderzon">Alina Senderzon</a></h4>
+
      <p>University of Science and Technology of China</p>
-
        <p class="job-title">Design Lead</p>
+
       <p>96, Jinzhai Rd, Shushan, Hefei</p>
-
        <p class="short-bio">Alina heads up ZURB's Design Team. As a Lead, she helps shape the work of her fellow designers. Her greatest design strength: designing balanced, structured layouts.</p>
+
      <p>230026, Anhui, China</p>
-
       </div>
+
      <p>support@biopano.org</p>
-
      <div class="large-4 columns centered-text zurbian">
+
    </div>
-
        <img alt="ghaida zahran" src="./img/ghaida-home-84c118f2ab4c5616a7c163f6aced72fa.jpg">
+
  <div class="large-3 medium-3 columns " style="margin-top:5em">
-
        <h4><a href="http://zurb.com/profile/ghaida-zahran">Ghaida Zahran</a></h4>
+
     
-
        <p class="job-title">Designer</p>
+
      <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>
-
        <p class="short-bio">Ghaida is an outstanding ZURBian designer and a driver of Foundation. You'll find her working through interaction design problems, pushing pixels or contributing code daily.</p>
+
    </div>
-
      </div>
+
 
-
      <div class="large-4 columns centered-text zurbian">
+
-
        <img alt="caleb winters" src="./img/caleb-home-4d6e71df43e9562a8615f6d4eb9a96b5.jpg">
+
-
        <h4><a href="http://zurb.com/profile/caleb-winters">Caleb Winters</a></h4>
+
-
        <p class="job-title">Designer</p>
+
-
        <p class="short-bio">Caleb is a core contributor to Foundation and the lead designer for Forrst. While he's amazing at code, you'll find him crushing all parts of our design process.</p>
+
-
      </div>
+
-
    </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-8 columns">
+
  <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="/contact" class="mail"></a></li>
+
    <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 class="medium-8 medium-8 pull-4 columns">
 
-
<span style="color:#bbb;margin: 0 auto;">
 
-
  <span style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-size:32px; font-weight:400">USTC-Software</span>
 
-
  <span style="font-family:'Open Sans','Seoge UI','Ubuntu',sans-serif; font-size:32px; font-weight:100">@USTC</span>
 
-
</span>
 
-
 
-
<ul class="ltx-links">
 
-
<li><a href="/contact">Contact</a></li>
 
-
<li><a href="/sitemap">Sitemap</a></li>
 
-
</ul>
 
-
<p class="copyright">© 2014 USTC-Software,University of Science and Technology of China. All rights reserved.</p>
 
</div>
</div>
-
</div>
+
   
-
</div>
+
<script>
-
     <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/vendor/jquery.js"></script>
+
$(function(){
-
     <script src="http://huodong.ustc.edu.cn/Web/igem2014-website/js/foundation.min.js"></script>
+
    $('.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">
-
    <script type="text/javascript" src="dist/skrollr.min.js"></script>
+
#totop_item {
-
-->
+
display: none;
-
  <!--[if lt IE 9]>
+
width: 60px;
-
   <script type="text/javascript" src="dist/skrollr.ie.min.js"></script>
+
height: 100px;
-
  <![endif]-->
+
position: fixed;
-
<!--
+
right: 2px;
-
  <script type="text/javascript">
+
bottom: 10px;
-
  var s = skrollr.init({
+
-webkit-transition: opacity .4s ease-in-out;
-
     edgeStrategy: 'set',
+
-moz-transition: opacity .4s ease-in-out;
-
     easing: {
+
-o-transition: opacity .4s ease-in-out;
-
      WTF: Math.random,
+
opacity: 1;
-
      inverted: function(p) {
+
z-index: 100000000;
-
        return 1-p;
+
}
-
      }
+
 
-
    }
+
#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

USTC-Software | Welcome

Download Now !
Innovation Experiment Centre of Life Science (IEC)

Building of Life Sciences, Room 363

University of Science and Technology of China

96, Jinzhai Rd, Shushan, Hefei

230026, Anhui, China

support@biopano.org

University of Science and Technology of China

© 2014 USTC-Software,University of Science and Technology of China. All rights reserved.

Retrieved from "http://2014.igem.org/Team:USTC-Software"