Team:USTC-Software/text

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:USTC-Software/hidden}}
{{Team:USTC-Software/hidden}}
-
[[File:Small1.png]]
+
{{Team:USTC-Software/global_header}}
-
<html lang="en">
+
<html>
-
    <head>
+
<head>
-
 
+
    <title>Home USTC-Software</title>
-
[[File:Small1.png]]
+
    <link rel="stylesheet" href="https://2012.igem.org/Team:USTC-Software/css/style?action=raw&ctype=text/css" type="text/css"/>
-
<style>
+
    <link rel="stylesheet" href="https://2012.igem.org/Team:USTC-Software/css/header_style?action=raw&ctype=text/css" type="text/css"/>
-
 
+
    <link rel="stylesheet" href="https://2012.igem.org/Team:USTC-Software/css/footer_style?action=raw&ctype=text/css" type="text/css"/>
-
 
+
    <link rel="stylesheet" href="https://2012.igem.org/Team:USTC-Software/css/home_style?action=raw&ctype=text/css" type="text/css"/>
-
 
+
   
-
 
+
    <!-- webfonts -->
-
 
+
    <link href="http://fonts.googleapis.com/css?family=Economica:700,400italic" rel="stylesheet" type="text/css"/>
-
 
+
    <link href='http://fonts.googleapis.com/css?family=Bubbler+One' rel='stylesheet' type='text/css'>
-
 
+
    <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300' rel='stylesheet' type='text/css'>
-
 
+
    <link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>
-
 
+
-
       
+
-
 
+
-
 
+
-
<style>
+
-
/*the begin of search box css*/
+
-
#search-control-box {
+
-
position: absolute;
+
-
top: 87px;
+
-
right: 8px;
+
-
width: 158px;
+
-
height: 45px;
+
-
background-color: transparent;
+
-
text-align:center;
+
-
z-index: 8;
+
-
      }
+
-
input.search_button {
+
-
margin: 0px 10px 0 10px;
+
-
font-size: 90%;
+
-
background: none;
+
-
border: none;
+
-
color:#676767;
+
-
font-weight: bold;
+
-
font-family:Georgia, "Times New Roman", Times, serif;
+
-
      }
+
-
input.search_button:hover {
+
-
        color: #A3511E;
+
-
      color: #0f0;
+
-
          cursor:pointer;
+
-
          }
+
-
#searchInput {
+
-
width: 10em;
+
-
margin: 1px;
+
-
font-size: 91%;
+
-
color:#0f0;
+
-
      }  
+
-
input[type="text"] {
+
-
    width: 162px;
+
-
height:16px;
+
-
    padding: 1px 0px 2px 5px;
+
-
    font-size: 2em;
+
-
    line-height: 17px;
+
-
    border-radius: 7px;
+
-
    border: 1px solid black;
+
-
    outline: none;
+
-
background-color:#555;
+
-
}​ /*the end of search box css*/
+
-
</style>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<meta charset="UTF-8" />
+
-
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  
+
-
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
+
-
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:USTC-Software/home-n-css?action=raw&ctype=text/css" />
+
-
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/home-n-slider-js1?action=raw&ctype=text/javascript
+
-
  "></script>
+
-
<link href='http://fonts.googleapis.com/css?family=Economica:700,400italic' rel='stylesheet' type='text/css'>
+
-
<style>
+
-
 
+
-
+
-
+
-
#white_bar{
+
-
position:relative;
+
-
width:100%;
+
-
height:40px;
+
-
background:url('https://static.igem.org/mediawiki/2012/0/03/Photo_zone_line.png') repeat-x;
+
-
+
-
}
+
-
.da-slide h2{/*set the slider font size and font family*/
+
-
color: #fff;
+
-
font-size: 46px;
+
-
width: 40%;
+
-
top: 60px;
+
-
white-space: nowrap;
+
-
z-index: 10;
+
-
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
+
-
font-family: 'Economica', Arial, sans-serif;
+
-
font-weight: 200;
+
-
text-decoration:none;
+
-
}
+
-
.da-slide p{/*set the slider font size and font family*/
+
-
width: 40%;
+
-
top: 155px;
+
-
color: #999;
+
-
font-size: 21px;
+
-
line-height: 26px;
+
-
height: 80px;
+
-
overflow: hidden;
+
-
font-style: italic;
+
-
font-family: 'Economica', Arial, sans-serif;
+
-
font-weight: 400;
+
-
font-style: italic;
+
-
}
+
-
.da-slide .da-link:hover{
+
-
text-decoration:none;
+
-
}
+
-
 
+
-
</style>
+
-
             
+
-
        <noscript>
+
-
        <style>
+
-
+
-
.da-slide{
+
-
position: relative;
+
-
}
+
-
.da-slide h2,
+
-
.da-slide p,
+
-
.da-slide .da-link,
+
-
.da-slide .da-img{
+
-
position: absolute;
+
-
opacity: 1;
+
-
left: 10%;
+
-
}
+
-
.da-slide .da-img{
+
-
left: 60%;
+
-
}
+
-
.da-dots,
+
-
.da-arrows{
+
-
display: none;
+
-
}
+
-
  </style>
+
-
+
-
</noscript>
+
-
       
+
-
    </head>
+
-
    <body>
+
      
      
 +
    <!-- javascript for slider -->
 +
    <script src="https://2012.igem.org/Team:USTC-Software/js/modernizr.custom.28468?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
 +
</head>
 +
<body>
 +
   
 +
   
 +
   
 +
    <!-- photo zone showing the top features of the software -->
 +
    <div id="photo_zone_line_up"></div>
 +
    <div id="da-slider" class="da-slider">
 +
        <div class="da-slide">
 +
            <p class="h2">Map</p>
 +
            <p>Map is a simple and easy software to visualize your experimental data. Click to import the data and you will get exactly what you want.</p><a href="project.html#map" class="da-link">Read More</a>
 +
            <div class="da-img"><img src="images/1.png" width="480px" height="330"/></div>
 +
        </div>
 +
        <div class="da-slide">
 +
            <p class="h2">Console</p>
 +
            <p>Console is where you manage heavy computing and complex tasks. With different buttons controlling each parameter, you can optimize the behaviors of the software. We applied evolution algorithm and machine learning techniques in the network inferences to provide the best simulation of your data.</p><a href="project.html#console" class="da-link">Read More</a>
 +
            <div class="da-img"><img src="images/2.png" width="480px" height="330"/></div>
 +
        </div>
 +
        <div class="da-slide">
 +
            <p class="h2">SandBox</p>
 +
            <p>SandBox displays the Genetical Regulatory Networks in a clean and interactive way, with clear connection and 3-D interaction, you will get better understanding of how genes and proteins regulating each other.</p><a href="project.html#sandbox" class="da-link">Read More</a>
 +
            <div class="da-img"><img src="images/3.png" width="480px" height="330"/></div>
 +
        </div>
 +
        <div class="da-slide">
 +
            <p class="h2">Report</p>
 +
            <p>Report organizes all output information in folders. You can review the simulation result while looking at the behaviors of certain genes or proteins. In addition, Report creates a web page where you can review the results on the go.</p><a href="project.html#report" class="da-link">Read More</a>
 +
            <div class="da-img"><img src="images/4.png" width="480px" height="330"/></div>
 +
        </div>
 +
        <nav class="da-arrows"><span class="da-arrows-prev"></span><span class="da-arrows-next"></span></nav>
 +
    </div>
 +
    <div id="photo_zone_line_down"></div>
 +
    <script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/js/jquery-1.7.1.min?action=raw&ctype=text/javascript"></script>
 +
    <script src="https://2012.igem.org/Team:USTC-Software/js/jquery.cslider?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
 +
    <script type="text/javascript" charset="utf-8">
 +
    $(function() {
 +
        $('#da-slider').cslider({
 +
            bgincrement    : 0,
 +
            autoplay: true,
 +
            interval: 8000
 +
        });
 +
    });
 +
    </script>
 +
   
 +
   
 +
   
 +
    <!-- sections displaying main features -->
 +
    <div id="features_grid">
 +
        <div id="s-logo"></div>
 +
        <div id="reverse_engineering" class="feature">
 +
            <div class="feature_left">
-
     
+
            </div>
-
             
+
            <div class="feature_right">
-
              <!-- the begin of search box controls -->
+
                <div class="feature_name">
-
<div id="search-control-box">
+
                    <p class="h2">Reverse Engineering</p>
-
  <form action="https://2012.igem.org/Special:Search" id="searchform">      
+
                </div>
-
        <input id="searchInput" name="search" type="text" title="Search 2012.igem.org [alt-f]" accesskey="f" value="" autocomplete="off"x-webkit-speech  x-webkit-grammar="bUIltin:search" placeholder="Search for fun" onFocus="if (this.placeholder == 'Search for fun') {this.placeholder = '';}" onBlur="if (this.placeholder == '') {this.placeholder = 'Search for fun';}" />         <input type="submit" name="go" class="search_button" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" x-webkit-speech="">&nbsp;
+
                <div class="details">
-
<input type="submit" name="fulltext" class="search_button" id="mw-search_button" value="Search" title="Search the pages for this text" x-webkit-speech="">
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
  </form>
+
                </div>
-
    </div> <!-- the end of search box controls -->
+
                <div class="more">
-
              
+
                    <p><a href="#">Read More</a></p>
-
</div>
+
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="grn" class="feature">
 +
             <div class="feature_left">
 +
            </div>
 +
            <div class="feature_right">
 +
                <div class="feature_name">
 +
                    <p class="h2">Genetical Regulatory Networks</p>
 +
                </div>
 +
                <div class="details">
 +
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
                </div>
 +
                <div class="more">
 +
                    <p><a href="#">Read More</a></p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="all_in_one" class="feature">
 +
            <div class="feature_left">
 +
            </div>
 +
            <div class="feature_right">
 +
                <div class="feature_name">
 +
                    <p class="h2">All-in-one Software</p>
 +
                </div>
 +
                <div class="details">
 +
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 +
                </div>           
 +
                <div class="more">
 +
                    <p><a href="#">Read More</a></p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div id="machine_learning" class="feature">
 +
            <div class="feature_left">
-
 
+
            </div>
-
 
+
            <div class="feature_right">
-
 
+
                <div class="feature_name">
-
 
+
                    <p class="h2">Machine Learning</p>
-
 
+
                </div>
-
 
+
                <div class="details">
-
 
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
 
+
                </div>            
-
 
+
                <div class="more">
-
 
+
                    <p><a href="#">Read More</a></p>
-
   
+
                </div>
-
          <!---the begin of slider div------>
+
            </div>
-
<div id="white_bar"></div>
+
        </div>
-
+
        <div id="slogon"></div>
-
<div id="da-slider" class="da-slider">
+
    </div>
-
<div class="da-slide">
+
</body>
-
<h2>USTC-Software</h2>
+
-
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
+
-
<a href="#" class="da-link">Read more</a>
+
-
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/1/11/Slider-imag1.png" width="480" height="330" alt="image01" /></div>
+
-
</div>
+
-
<div class="da-slide">
+
-
<h2>Welcome</h2>
+
-
<p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.</p>
+
-
<a href="#" class="da-link">Read more</a>
+
-
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/a/a2/USTC_Software_IF_LOGO_2400-400.png" width="480" height="330" alt="image02" /></div>
+
-
</div>
+
-
<div class="da-slide">
+
-
<h2>Warm welcome</h2>
+
-
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
+
-
<a href="#" class="da-link">Read more</a>
+
-
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png" width="480" height="330" alt="image03" /></div>
+
-
</div>
+
-
<div class="da-slide">
+
-
<h2>2012-ustc</h2>
+
-
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
+
-
<a href="#" class="da-link">Read more</a>
+
-
<div class="da-img"><img src="https://static.igem.org/mediawiki/2012/8/8a/Slider3.png" width="" height="" alt="image04" /></div>
+
-
</div>
+
-
<nav class="da-arrows">
+
-
<span class="da-arrows-prev"></span>
+
-
<span class="da-arrows-next"></span>
+
-
</nav>
+
-
</div>  
+
-
        <div id="white_bar"></div> <!---the end of slider div------> 
+
-
       
+
-
       
+
-
       
+
-
 
+
-
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/home-n-slider-jquery-1.7.1.min.js?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript" src="https://2012.igem.org/Team:USTC-Software/home-n-slider-js3?action=raw&ctype=text/javascript"></script>
+
-
<script type="text/javascript">
+
-
$(function() {
+
-
+
-
$('#da-slider').cslider({
+
-
autoplay : true,
+
-
bgincrement : 450
+
-
});
+
-
+
-
});
+
-
</script>
+
-
 
+
-
[[File:Small1.png]]
+
-
    </body>
+
</html>
</html>
 +
{{Team:USTC-Software/global_footer}}

Revision as of 16:11, 23 September 2012

global_header

igem
Home USTC-Software

Map

Map is a simple and easy software to visualize your experimental data. Click to import the data and you will get exactly what you want.

Read More

Console

Console is where you manage heavy computing and complex tasks. With different buttons controlling each parameter, you can optimize the behaviors of the software. We applied evolution algorithm and machine learning techniques in the network inferences to provide the best simulation of your data.

Read More

SandBox

SandBox displays the Genetical Regulatory Networks in a clean and interactive way, with clear connection and 3-D interaction, you will get better understanding of how genes and proteins regulating each other.

Read More

Report

Report organizes all output information in folders. You can review the simulation result while looking at the behaviors of certain genes or proteins. In addition, Report creates a web page where you can review the results on the go.

Read More

Reverse Engineering

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Read More

Genetical Regulatory Networks

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Read More

All-in-one Software

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Read More

Machine Learning

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Read More

global_footer

Sponsors

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