Team:USTC-Software

From 2014.igem.org

(Difference between revisions)
 
(19 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>
+
-
              <!--
+
-
              <li>
+
-
                <img src="http://huodong.ustc.edu.cn/Web/igem2014-website/img/slide4.jpg" />
+
-
                <div class="orbit-caption">...</div>
+
-
              </li>
+
-
          -->   
+
-
        </ul>
+
-
     
+
-
        </div>
+
-
        </div>
+
-
    </div>
+
-
      <div class="main-content">
+
-
      <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">
+
-
<p class="p0">
+
-
Ailuropoda&nbsp;is&nbsp;a&nbsp;data&nbsp;visualizational&nbsp;open&nbsp;source&nbsp;software&nbsp;specially&nbsp;designed&nbsp;for&nbsp;biologists,&nbsp;which&nbsp;can&nbsp;be&nbsp;used&nbsp;to&nbsp;show&nbsp;gene&nbsp;regulation&nbsp;and&nbsp;metabolic&nbsp;network.&nbsp;When&nbsp;a&nbsp;node&nbsp;is&nbsp;selected,&nbsp;our&nbsp;software&nbsp;can&nbsp;quickly&nbsp;form&nbsp;a&nbsp;net&nbsp;with&nbsp;the&nbsp;nodes&nbsp;close&nbsp;to&nbsp;it.&nbsp;When&nbsp;a&nbsp;gene&nbsp;sequence&nbsp;is&nbsp;provided,&nbsp;such&nbsp;as&nbsp;a&nbsp;BioBrick&nbsp;part,&nbsp;our&nbsp;software&nbsp;can&nbsp;use&nbsp;homology&nbsp;method&nbsp;to&nbsp;predict&nbsp;the&nbsp;impact&nbsp;it&nbsp;gives&nbsp;on&nbsp;the&nbsp;gene&nbsp;regulatory&nbsp;network.&nbsp;Furthermore,&nbsp;the&nbsp;software&nbsp;provides&nbsp;users&nbsp;with&nbsp;various&nbsp;interfaces&nbsp;so&nbsp;that&nbsp;the&nbsp;entire&nbsp;network,&nbsp;or&nbsp;a&nbsp;part&nbsp;of&nbsp;it,&nbsp;can&nbsp;be&nbsp;exported&nbsp;into&nbsp;corresponding&nbsp;format&nbsp;which&nbsp;can&nbsp;be&nbsp;imported&nbsp;into&nbsp;other&nbsp;professional&nbsp;softwares&nbsp;for&nbsp;network&nbsp;analysis.On&nbsp;this&nbsp;platform,&nbsp;users&nbsp;can&nbsp;create,&nbsp;modify&nbsp;and&nbsp;complete&nbsp;different&nbsp;biological&nbsp;networks&nbsp;based&nbsp;on&nbsp;the&nbsp;information&nbsp;they&nbsp;get&nbsp;from&nbsp;online&nbsp;collaboration.&nbsp;
+
-
</p>
+
-
<p class="p0">
+
-
Next&nbsp;we&nbsp;will&nbsp;introduce&nbsp;specific&nbsp;functions&nbsp;of&nbsp;our&nbsp;software.
+
-
</p>
+
-
<h1>
+
-
Functions&nbsp;Already&nbsp;Realized:
+
-
</h1>
+
-
<h2>
+
-
Display&nbsp;of&nbsp;the&nbsp;Relationship
+
-
</h2>
+
-
<p class="p0">
+
-
When&nbsp;the&nbsp;user&nbsp;inputs&nbsp;the&nbsp;information&nbsp;of&nbsp;a&nbsp;node,&nbsp;the&nbsp;software&nbsp;will&nbsp;show&nbsp;the&nbsp;three-decker&nbsp;network&nbsp;associated&nbsp;with&nbsp;the&nbsp;node.&nbsp;Other&nbsp;nodes&nbsp;will&nbsp;be&nbsp;arranged&nbsp;according&nbsp;to&nbsp;the&nbsp;strength&nbsp;of&nbsp;their&nbsp;relationship&nbsp;with&nbsp;the&nbsp;central&nbsp;node,&nbsp;and&nbsp;highlighted&nbsp;by&nbsp;varied&nbsp;colors&nbsp;as&nbsp;well.&nbsp;The&nbsp;user&nbsp;can&nbsp;also&nbsp;input&nbsp;two&nbsp;or&nbsp;more&nbsp;nodes&nbsp;to&nbsp;find&nbsp;their&nbsp;relationship.&nbsp;Our&nbsp;software&nbsp;will&nbsp;show&nbsp;all&nbsp;the&nbsp;paths&nbsp;connecting&nbsp;them&nbsp;that&nbsp;satisfy&nbsp;the&nbsp;distance&nbsp;the&nbsp;user&nbsp;sets.&nbsp;Moreover,&nbsp;every&nbsp;node&nbsp;and&nbsp;arc&nbsp;in&nbsp;the&nbsp;network&nbsp;is&nbsp;attached&nbsp;with&nbsp;an&nbsp;extensive&nbsp;literature,&nbsp;the&nbsp;newest&nbsp;included,&nbsp;and&nbsp;the&nbsp;user&nbsp;can&nbsp;read&nbsp;the&nbsp;literature&nbsp;along&nbsp;all&nbsp;the&nbsp;paths&nbsp;to&nbsp;study&nbsp;the&nbsp;various&nbsp;relationship&nbsp;in&nbsp;the&nbsp;network&nbsp;more&nbsp;expressly.
+
-
</p>
+
-
<h1>
+
-
Functions&nbsp;to&nbsp;Be&nbsp;Realized:
+
-
</h1>
+
-
<h2>
+
-
Providing&nbsp;All&nbsp;Kinds&nbsp;of&nbsp;Interfaces&nbsp;and&nbsp;Network&nbsp;Analysis
+
-
</h2>
+
-
<p class="p0">
+
-
The&nbsp;user&nbsp;can&nbsp;select&nbsp;the&nbsp;entire&nbsp;network&nbsp;(or&nbsp;a&nbsp;part&nbsp;of&nbsp;it),&nbsp;export&nbsp;it&nbsp;into&nbsp;appropriate&nbsp;format,&nbsp;and&nbsp;then&nbsp;import&nbsp;the&nbsp;file&nbsp;into&nbsp;some&nbsp;professional&nbsp;biological&nbsp;software&nbsp;for&nbsp;function&nbsp;analysis,&nbsp;such&nbsp;as&nbsp;SimBiology&nbsp;in&nbsp;Matlab.&nbsp;Moreover,&nbsp;our&nbsp;software&nbsp;provides&nbsp;APIs,&nbsp;enabling&nbsp;users&nbsp;to&nbsp;write&nbsp;some&nbsp;small&nbsp;plug-ins&nbsp;themselves&nbsp;to&nbsp;realize&nbsp;user-defined&nbsp;functions.
+
-
</p>
+
-
<h2>
+
-
Collaborative&nbsp;Networking&nbsp;and&nbsp;Multi-field&nbsp;Information&nbsp;Exchange
+
-
</h2>
+
-
<p class="p0">
+
-
One&nbsp;biologist&nbsp;can&nbsp;only&nbsp;build&nbsp;a&nbsp;small&nbsp;part&nbsp;of&nbsp;network,&nbsp;which&nbsp;is&nbsp;already&nbsp;hard&nbsp;work.&nbsp;However,&nbsp;they&nbsp;can&nbsp;make&nbsp;use&nbsp;of&nbsp;the&nbsp;platform&nbsp;our&nbsp;software&nbsp;provides&nbsp;to&nbsp;upload&nbsp;their&nbsp;achievements&nbsp;and&nbsp;our&nbsp;software&nbsp;will&nbsp;integrate&nbsp;these&nbsp;networks.&nbsp;Biologists&nbsp;from&nbsp;different&nbsp;fields&nbsp;can&nbsp;exchange&nbsp;all&nbsp;kinds&nbsp;of&nbsp;information,&nbsp;therefore&nbsp;they&nbsp;may&nbsp;discover&nbsp;enlightening&nbsp;links&nbsp;among&nbsp;various&nbsp;research&nbsp;projects,&nbsp;which&nbsp;can&nbsp;guide&nbsp;them&nbsp;to&nbsp;a&nbsp;better&nbsp;decision&nbsp;on&nbsp;their&nbsp;further&nbsp;research.&nbsp;It&nbsp;will&nbsp;also&nbsp;effectively&nbsp;enhance&nbsp;the&nbsp;development&nbsp;of&nbsp;varied&nbsp;fields&nbsp;of&nbsp;biology.&nbsp;An&nbsp;example&nbsp;of&nbsp;this&nbsp;is&nbsp;that&nbsp;molecular&nbsp;biologists&nbsp;can&nbsp;point&nbsp;out&nbsp;metabolic&nbsp;pathways&nbsp;for&nbsp;synthetic&nbsp;biologists,&nbsp;and&nbsp;synthetic&nbsp;biologists&nbsp;design&nbsp;and&nbsp;optimize&nbsp;product&nbsp;circuits&nbsp;using&nbsp;BioBrick&nbsp;parts&nbsp;for&nbsp;molecular&nbsp;biologists.
+
-
</p>
+
-
<h1>
+
-
Prospective:
+
-
</h1>
+
-
<p class="p0">
+
-
Ailuropoda&nbsp;is&nbsp;currently&nbsp;based&nbsp;on&nbsp;the&nbsp;data&nbsp;of&nbsp;E.coli&nbsp;K-12,&nbsp;and&nbsp;we&nbsp;will&nbsp;continue&nbsp;to&nbsp;enrich&nbsp;our&nbsp;data&nbsp;with&nbsp;the&nbsp;help&nbsp;of&nbsp;users.&nbsp;With&nbsp;an&nbsp;enriched&nbsp;database,&nbsp;the&nbsp;software&nbsp;will&nbsp;be&nbsp;of&nbsp;great&nbsp;value&nbsp;and&nbsp;wide&nbsp;application.
+
-
</p>
+
-
    </div>
+
-
   
+
-
    </div>
+
-
</div>
+
 +
</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;">
-
  <div class="team-wrap">
+
<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 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/a/a5/2014ustc-page2.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 style="position: relative;">
-
      </div>
+
<img src="https://static.igem.org/mediawiki/2014/a/a3/2014ustc-page3.jpg" alt="" class="bg" style="width:100%;max-width:100%">
-
      <div class="large-4 columns centered-text zurbian">
+
</div>
-
        <img alt="matt kelly" src="./img/matt-home-0daaa6cedcf767c1da16d704a469025b.jpg">
+
 
-
        <h4><a href="http://zurb.com/profile/matt-kelly">Matt Kelly</a></h4>
+
<div style="position: relative;">
-
        <p class="job-title">Partner, Engineering Lead</p>
+
<img src="https://static.igem.org/mediawiki/2014/5/54/2014ustc-Page4.jpg" alt="" class="bg" style="width:100%;max-width:100%">
-
        <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>
-
      </div>
+
 
-
      <div class="large-4 columns centered-text zurbian">
+
<div style="position: relative;">
-
        <img alt="jonathan smiley" src="./img/jon-home-19f1fe54bbb5d42854f8947c2f6e8670.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/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>
+
 
 +
<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="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"