Team:SYSU-Software/v2

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:SYSU-Software/menu}}
{{:Team:SYSU-Software/menu}}
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
 
<head>
<head>
-
<title>Team:SYSU-Software</title>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<meta http-equiv="Content-Style-Type" content="text/css" />
+
<title>无标题 1</title>
-
<link href="./style.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" >
+
<link href="https://2012.igem.org/Team:SYSU-Software/template2/style.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" >
-
<link href="./layout.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" >
+
 
-
<script src="./js/jquery-1.4.2.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
<script language="javascript" type="text/javascript" src="js/jquery-1.4.2.js"></script>
-
<script src="./js/jquery.faded.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
<script language="javascript" type="text/javascript" src="js/menu.js"></script>
-
<script src="./js/tabs.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
<script language="javascript" type="text/javascript" src="jquery-1.3.1.js" ></script>
-
<script src="./js/script.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
<script language="javascript" type="text/javascript" src= "album.js" ></script>
-
<!--[if lt IE 7]>
+
<link href= "album.css" rel="stylesheet" type="text/css" >
-
<link href="./ie_style.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
+
 
-
  <script type="text/javascript" src="./js/ie_png.js?action=raw&ctype=text/javascript"></script>
+
-
  <script type="text/javascript">
+
-
      ie_png.fix('.png, #header, #header .nav a, #faded strong, #faded .controls a');
+
-
  </script>
+
-
<![endif]-->
+
</head>
</head>
-
<body id="page1">
 
-
  <div class="tail-top">
 
-
    <div id="main">
 
-
      <!-- header -->
 
-
      <div id="header">
 
-
        <form action="" id="search-form">
 
-
          <fieldset>
 
-
          <input type="text" class="text" value="Site Search" onfocus="if(this.value=='Site Search'){this.value=''}" onblur="if(this.value==''){this.value='Site Search'}"/><input type="submit" class="submit" value="" />
 
-
          </fieldset>
 
-
        </form>
 
-
        <h1><a href="#"><img src="https://static.igem.org/mediawiki/2012/c/c9/Logo.png"  alt=""  width="320px"  height="145px"/></a>
 
-
</h1>
 
-
        <!-- .nav -->
 
-
        <ul class="nav">
 
-
           
 
-
          <li><a href="https://2012.igem.org/Team:SYSU-Software/Project" >Project<span>Start here</span></a></li>
 
-
          <li><a href="#">Team<span>Let us show you our work</span></a></li>
 
-
          <li><a href="#">Safety<span>Get to know us a little better</span></a></li>
 
-
          <li><a href="#">Tutorial<span>A rundown of our services</span></a></li>
 
-
          <li><a href="#">Notebook<span>How to get in touch with us</span></a></li>
 
-
         
 
-
        </ul>
+
<body >
-
        <!-- /.nav -->
+
 
-
        <!-- faded slider -->
+
  <div id="header" class="clear" style="background-color: #545454">
-
        <div id="faded">
+
    <div class="wrapper2">
-
          <ul>
+
<a href="/" class="sysu-title"></a>
-
            <li>
+
     
-
            <img src="https://static.igem.org/mediawiki/2012/0/08/Slide1.jpg" alt="" />
+
      <!--end navigation-->
-
              <strong>creative ideas</strong>
+
    </div><!--end wrapper-->
-
              <a href="#" class="button-alt">click here</a>
+
</div><!--end header-->
-
            </li>
+
<div class="content-background">
-
            <li>
+
<div id="blank" ><br/></div>
-
            <img src="https://static.igem.org/mediawiki/2012/7/73/Slide2.jpg" alt="" />
+
<div class="wrapper">
-
              <strong>best solutions</strong>
+
 
-
              <a href="#" class="button-alt">click here</a>
+
<div id="menu">
-
            </li>
+
<ul id="nav">    
-
            <li>
+
    <li class="mainlevel" id="mainlevel_01"><a href="#">Home</a>
-
            <img src="https://static.igem.org/mediawiki/2012/b/b4/Slide3.jpg" alt="" />
+
   
-
              <strong>global success</strong>
+
    </li>
-
              <a href="#" class="button-alt">click here</a>
+
   
-
            </li>
+
    <li class="mainlevel" id="mainlevel_02"><a href="#">Project</a>
-
          </ul>
+
    <ul class="sub_nav_01">
-
          <ul class="controls">
+
    <span class="Triangle_con"></span>
-
          <li><a href="#" class="prev"></a></li>
+
    <li><a href="#">Overview</a></li>
-
            <li><a href="#" class="next"></a></li>
+
    <li><a href="#">Genome Browser</a></li>
-
          </ul>
+
    <li><a href="#">Regulator Designer</a></li>
-
        </div>
+
    <li><a href="#">Network Illustrator</a></li>
-
        <!-- //faded slider -->
+
    <li><a href="#">Simulator</a></li>
-
      </div>
+
    </ul>
-
      <!-- content -->
+
    </li>  
-
      <div id="content">
+
     
-
      <!-- tabs -->
+
    <li class="mainlevel"><a href="#">Team</a>
-
        <div class="wrapper">
+
   
-
          <div class="wrapper">
+
    </li>
-
            <ul class="tabs">
+
       
-
              <li class="first"><a href="#tab1">Genome Browser</a></li>
+
    <li class="mainlevel"><a href="#">Safety</a><!--input an em tag as a space,IE is gread need-->
-
              <li><a href="#tab2">Regulator&nbsp;Designer</a></li>
+
   
-
              <li><a href="#tab3">Network&nbsp;Illustrator</a></li>
+
    </li>
-
              <li><a href="#tab4">Simulator</a></li>
+
   
-
            </ul>
+
    <li class="mainlevel"><a href="#">Tutorial</a>
-
          </div>
+
    <ul class="sub_nav_01">
-
          <div class="tab_container">
+
    <span class="Triangle_con"></span>
-
          <div id="tab1" class="tab_content">
+
    <li><a href="#">Overview</a></li>
-
            <div class="wrapper">
+
    <li><a href="#">Genome Browser</a></li>
-
              <img class="img-indent" src="https://static.igem.org/mediawiki/2012/7/7c/Browser.jpg" alt="" width="300px" height="230px"/>
+
    <li><a href="#">Regulator Designer</a></li>
-
                <div class="extra-wrap">
+
    <li><a href="#">Network Illustrator</a></li>
-
                <p>With this Genome Browser, users are able to search Biobricks, plasmids and genomes of model microorganisms; at the same time, gene annotations and information of GenBank are presented. The primary protein sequence is also presented according to the DNA sequences. Aside from searching sequences, users can also input or modify the sequences, insert annotation and build target plasmids they need.</p>
+
    <li><a href="#">Simulator</a></li>
-
                 
+
    </ul>
-
                  <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
+
    </li>
-
                </div>
+
   
-
              </div>
+
    <li class="mainlevel"><a href="#">Notebook</a></li>  
-
            </div>
+
     
-
            <div id="tab2" class="tab_content">
+
   
-
            <div class="wrapper">
+
   
-
              <img class="img-indent" src="https://static.igem.org/mediawiki/2012/7/71/Designer.jpg" alt="" width="300px" height="230px"/>
+
</ul>
-
                <div class="extra-wrap">
+
-
                <p>This part of the software focus on the design of regulatory elements of metabolic networks, mainly non-coding RNAs including SiRNA and Riboswitch. When a certain gene or protein is given, the Designer would generate the elements. What’s more, the primary and secondary structure can be predicted and presented in the Designer. The function of structure prediction can be also applied in other non-coding RNAs, for instance, microRNAs.</p>
+
-
                 
+
-
                  <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
+
-
                </div>
+
-
              </div>
+
-
            </div>
+
-
            <div id="tab3" class="tab_content">
+
-
            <div class="wrapper">
+
-
              <img class="img-indent" src="https://static.igem.org/mediawiki/2012/8/8f/Illustrator.jpg" alt="" width="300px" height="230px" />
+
-
                <div class="extra-wrap">
+
-
                <p>Relying on the KEGG Pathway database, the Illustrator exports the optimized relevant pathway map of a gene or transcription factor the user interests in.  </p>
+
-
                                    <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
+
-
                </div>
+
-
              </div>
+
-
            </div>
+
-
            <div id="tab4" class="tab_content">
+
-
            <div class="wrapper">
+
-
            <img class="img-indent" src="https://static.igem.org/mediawiki/2012/5/55/Simulator.jpg" alt="" width="300px" height="230px" />
+
-
              <div class="extra-wrap">
+
-
              <p>Simulator is a tool to analyze target metabolic network in method of flux balance analysis (FBA). The Simulator would help researchers rebuild the metabolic network and search key genes in the network, in order to simplify the synthesis design. Relying on the KEGG Pathway database, a novel rFBA model is formed when regulation-relevant conditions are added into the primitive FBA model, which would help the researchers observe the dynamic change in the metabolic system. Moreover, unlike the mainstream of FBA, the analysis of the Simulator is not based on Matlab and is more convenient for researchers to use.</p>
+
-
                <p class="wrapper"><a href="#" class="link1"><b>read more</b></a></p>
+
-
                </div>
+
-
               </div>
+
</div>
 +
  <img src=" images/little-boy.png"  id="little-boy"></img>
 +
 
 +
 
 +
  <div id="content">                  <div class="entry page clear">
 +
        <h1 id="doctitle" class="pagetitle">Our Project</h1>
 +
<div id="doc-contents">
 +
<h2 id="r0">List Window</h2>
 +
</div>
 +
               </div><!--end entry-->
 +
          <div class="boxgrid caption">
 +
<img src= "8987.jpg " style="left: 0; top: 0"/>
 +
<div class="cover boxcaption">
 +
<h3>Huimin Xin</h3>
 +
<p>In charge of art design for the team, including all logos and color scheme for the soft-ware as well as drawing and providing images for wiki; T-shirts for the team and poster and anything that you think a vision supervisor for IGEM team that should do.
 +
</p>
 +
</div>
 +
 +
</div>
 +
 +
<div class="boxgrid caption">
 +
<img src= "8987.jpg " style="left: 0; top: 0"/>
 +
<div class="cover boxcaption">
 +
<h3>Huimin Xin</h3>
 +
<p>In charge of art design for the team, including all logos and color scheme for the soft-ware as well as drawing and providing images for wiki; T-shirts for the team and poster and anything that you think a vision supervisor for IGEM team that should do.
 +
</p>
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
 +
</div><!--end content-->
 +
 +
 
 +
  <div id="sidebar">
 +
      <div id="doc-nav">
 +
<div>
 +
<h5>Getting Started </h5>
 +
<div>
 +
<ul>
 +
<li>
 +
<a href="/documentation/">Main Page</a>
 +
</li>
 +
<li>
 +
<a href="/documentation-install">Installing Reminderfox</a>
 +
</li>
 +
<li>
 +
<a href="/videos/">How-To Videos</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
 
 +
<div>
 +
<h5>User Guide</h5>
 +
<div>
 +
<ul>
 +
<li>
 +
<a href="/
 +
documentation-user-guide-main-reminderfox-window">Main ReminderFox Window</a>
 +
</li>
 +
<li>
 +
<a href="/documentation-userguide-reminders">Reminders</a>
 +
</li>
 +
<li>
 +
<a href="/documentation-user-guide-todos">ToDo&#39;s</a>
 +
</li>
 +
 
 +
<li>
 +
<a href="/documentation-user-guide-notifications">
 +
Notifications</a>
 +
</li>
 +
<li>
 +
<a href="/documentation-user-guide-sharing-reminders">
 +
Sharing Reminders</a>
 +
</li>
 +
 
 +
<li>
 +
<a href="/documentation-user-guide-options-and-preferences">
 +
Options and Preferences</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
 
 +
<div>
 +
<h5>FAQ </h5>
 +
<div>
 +
<ul>
 +
<li>
 +
<a href="/documentation-faq-questions">Questions</a>
 +
</li>
 +
<li>
 +
<a href="/documentation-faq-troubleshooting">
 +
Troubleshooting</a>
 +
</li>
 +
<li>
 +
<a href="/documentation-faq-uninstalling">Uninstalling</a>
 +
</li>
 +
<li>
 +
<a href="/help">Contact Us</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
 
 +
<div>
 +
<h5>E-mail Integration</h5>
 +
<div>
 +
<ul>
 +
<li>
 +
<a href="/documentation-email-messages">Messages</a>
 +
</li>
 +
<li>
 +
<a href="/documentation-email-invitations">Invitations</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
 
 +
 
 +
</div>
 +
  </div><!--end sidebar-->
 +
</div></div><!--end wrapper-->
 +
</div><!--end content-background-->
 +
<div id="footer">
 +
  <div class="wrapper clear">
 +
    <div id="footer-about" class="footer-column">
 +
      <h2>About</h2>
 +
                  <ul>
 +
<li>
 +
<a href="/developers">Developers</a>
 +
</li>
 +
<li>
 +
<a href="/help/">Contact Us</a>
 +
</li>
 +
</ul>
             </div>
             </div>
-
          </div>
+
    <div id="footer-flickr" class="footer-column">
-
        </div>
+
                              <h2>Links</h2>
-
        <!-- .box -->
+
              <ul>
-
        <div class="box">
+
                <li><a href="http://www.twitter.com/reminderfox">ReminderFox on Twitter</a></li>
-
        <div class="right-bot-corner">
+
                <li><a href="https://addons.mozilla.org/en-US/firefox/addon/1191/">Mozilla Add-ons Page</a></li>
-
          <div class="left-bot-corner">
+
              </ul>
-
            <div class="inner">
+
            </li>
-
              <div class="line-ver">
+
-
                  <div class="wrapper line-ver1">
+
-
                    <div class="col-1">
+
-
                      <h2>Project</h2>
+
-
                      <ul class="list1">
+
-
                        <li><a href="#">Management Consulting</a></li>
+
-
                        <li><a href="#">Policy and Regulatory Analysis</a></li>
+
-
                        <li><a href="#">Market Assessment</a></li>
+
-
                        <li><a href="#">Program Management</a></li>
+
-
                        <li><a href="#">Regulatory Support</a></li>
+
-
                        <li class="last"><a href="#">Scientific and Risk Assessment</a></li>
+
-
                      </ul>
+
-
                      <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
+
-
                    </div>
+
-
                    <div class="col-2">
+
-
                      <h2><span lang="zh-cn">Safety</span></h2>
+
-
                      <ul class="products-list">
+
-
                      <li>
+
-
                          <img src="https://static.igem.org/mediawiki/2012/c/cf/Icon1.jpg" alt="" />
+
-
                          <div class="extra-wrap">
+
-
                            <p>Lorem ipsum dolor sit Amet consec tetuer adipiscing elit</p>
+
-
                            <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
+
-
                          </div>
+
-
                        </li>
+
-
                        <li class="last">
+
-
                          <img src="https://static.igem.org/mediawiki/2012/0/00/Icon2.jpg" alt="" />
+
-
                          <div class="extra-wrap">
+
-
                            <p>Our notebook shows you the schedule we developed this project.</p>
+
-
                            <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
+
-
                          </div>
+
-
                        </li>
+
-
                      </ul>
+
                     </div>
                     </div>
-
                    <div class="col-3">
+
    <div id="footer-search" class="footer-column">
-
                      <h2>About us</h2>
+
      <h2>Facebook</h2>
-
                      <p>We are from Sun Yet-Sen University,which is locate in southern China.
+
 
-
                    </p>
+
-
                      <div class="wrapper"><a href="#" class="link1"><b>read more</b></a></div>
+
-
                    </div>
+
-
                  </div>
+
-
                </div>
+
-
              </div>
+
-
            </div>
+
-
          </div>
+
-
        </div>
+
-
        <!-- /.box -->
+
-
        <!-- .banners -->
+
-
        <ul class="banners">
+
-
        <li><a href="#"><img src="https://static.igem.org/mediawiki/2012/d/d2/Banner1.gif" alt="" /></a></li>
+
-
          <li><a href="#"><img src="https://static.igem.org/mediawiki/2012/f/fd/Banner2.gif" alt="" /></a></li>
+
-
          <li><a href="#"><img src="https://static.igem.org/mediawiki/2012/f/fb/Banner3.gif" alt="" /></a></li>
+
-
          <li class="last"><a href="#"><img src="https://static.igem.org/mediawiki/2012/5/5b/Banner4.gif" alt="" /></a></li>
+
-
        </ul>
+
-
        <!-- /.banners -->
+
-
      </div>
+
-
      <!-- footer -->
+
-
      <div id="footer">
+
-
     
+
-
      </div>
+
     </div>
     </div>
-
  </div>
+
    <div id="copyright">
-
  <script type="text/javascript">
+
    </div><!--end copyright-->
-
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+
  </div><!--end wrapper-->
-
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+
</div><!--end footer-->
-
</script>
+
 
-
<script type="text/javascript">
+
-
try {
+
-
var pageTracker = _gat._getTracker("UA-7078796-1");
+
-
pageTracker._trackPageview();
+
-
} catch(err) {}</script>
+
</body>
</body>
 +
 +
</html>
</html>

Revision as of 17:11, 21 September 2012

无标题 1

Our Project

List Window

Huimin Xin

In charge of art design for the team, including all logos and color scheme for the soft-ware as well as drawing and providing images for wiki; T-shirts for the team and poster and anything that you think a vision supervisor for IGEM team that should do.

Huimin Xin

In charge of art design for the team, including all logos and color scheme for the soft-ware as well as drawing and providing images for wiki; T-shirts for the team and poster and anything that you think a vision supervisor for IGEM team that should do.