Difference between revisions of "Team:USTC-Software/index.html"

Line 15: Line 15:
  
 
<body>
 
<body>
    <div class="top-bar show-for-large" id="navbar-global">
+
        <div class="hide-for-large" data-sticky-container id="sticky-nav">
         <div class="top-bar-left">
+
         <div class="top-bar title-bar" data-sticky data-options="marginTop:0;" style="width:100%" data-top-anchor="1">
             <ul class="menu">
+
             <div class="top-bar-left">
                <li class="menu-text">
+
                <ul class="menu">
                    <a href="#">USTC-Software</a>
+
                    <li class="menu-text">
                </li>
+
                        <a href="#">USTC-Software</a>
            </ul>
+
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <nav>
 +
        <div id="nav-sidebar" class="hide-for-large">
 +
            <span></span>
 +
            <span></span>
 +
            <span></span>
 +
            <span></span>
 
         </div>
 
         </div>
         <div class="top-bar-right">
+
         <div id="nav-sidebar-content" class="hide-for-large">
            <ul class="dropdown menu" data-dropdown-menu>
+
            <ul>
                <li>
+
                <li><a href="#">Home</a></li>
                    <a href="#">Home</a>
+
                 <li><a href="#">Project</a></li>
                    <ul class="menu vertical">
+
                 <li><a href="#">Download</a></li>
                        <li><a href="#">One</a></li>
+
                 <li><a href="#">Technology</a></li>
                        <li><a href="#">Two</a></li>
+
                 <li><a href="#">Human Practice</a></li>
                        <li><a href="#">Three</a></li>
+
                 <li><a href="#">Team</a></li>
                        <li><a href="#">Another action</a></li>
+
                 <li><a href="#">Requirements</a></li>
                    </ul>
+
                 <li><a href="#">Attributions</a></li>
                 </li>
+
                <li>
+
                    <a href="#">Project</a>
+
                    <ul class="menu vertical">
+
                        <li><a href="#">One</a></li>
+
                        <li><a href="#">Two</a></li>
+
                        <li><a href="#">Three</a></li>
+
                        <li><a href="#">Another action</a></li>
+
                    </ul>
+
                 </li>
+
                <li>
+
                    <a href="#">Download</a>
+
                    <ul class="menu vertical">
+
                        <li><a href="#">One</a></li>
+
                        <li><a href="#">Two</a></li>
+
                        <li><a href="#">Three</a></li>
+
                        <li><a href="#">Another action</a></li>
+
                    </ul>
+
                 </li>
+
                <li>
+
                    <a href="#">Technology</a>
+
                    <ul class="menu vertical">
+
                        <li><a href="#">One</a></li>
+
                        <li><a href="#">Two</a></li>
+
                        <li><a href="#">Three</a></li>
+
                    </ul>
+
                 </li>
+
                <li>
+
                    <a href="#">Human Practice</a>
+
                    <ul class="menu vertical">
+
                        <li><a href="#">One</a></li>
+
                        <li><a href="#">Two</a></li>
+
                        <li><a href="#">Three</a></li>
+
                    </ul>
+
                 </li>
+
                <li>
+
                    <a href="#">Team</a>
+
                    <ul class="menu vertical">
+
                        <li><a href="#">One</a></li>
+
                        <li><a href="#">Two</a></li>
+
                        <li><a href="#">Three</a></li>
+
                    </ul>
+
                 </li>
+
                <li>
+
                    <a href="#">Requirements</a>
+
                    <ul class="menu vertical">
+
                        <li><a href="#">One</a></li>
+
                        <li><a href="#">Two</a></li>
+
                        <li><a href="#">Three</a></li>
+
                    </ul>
+
                 </li>
+
                <li>
+
                    <a href="#">Attributions</a>
+
                    <ul class="menu vertical">
+
                        <li><a href="#">One</a></li>
+
                        <li><a href="#">Two</a></li>
+
                        <li><a href="#">Three</a></li>
+
                    </ul>
+
                </li>
+
 
             </ul>
 
             </ul>
 
         </div>
 
         </div>
     </div>
+
     </nav>
 
+
     <figure id="overlay"></figure>
 
+
     <main>
 
+
         <nav class="top-bar show-for-large" id="navbar-global">
    <div id="nav-sidebar" class="hide-for-large">
+
             <div class="top-bar-left">
        <span></span>
+
        <span></span>
+
        <span></span>
+
        <span></span>
+
     </div>
+
    <div id="nav-sidebar-content" class="hide-for-large">
+
        <ul>
+
            <li><a href="#">Home</a></li>
+
            <li><a href="#">Project</a></li>
+
            <li><a href="#">Download</a></li>
+
            <li><a href="#">Technology</a></li>
+
            <li><a href="#">Human Practice</a></li>
+
            <li><a href="#">Team</a></li>
+
            <li><a href="#">Requirements</a></li>
+
            <li><a href="#">Attributions</a></li>
+
        </ul>
+
     </div>
+
 
+
 
+
 
+
 
+
    <div id="main-img-container">
+
        <img src="http://placehold.it/1980x1080" id="main-img" />
+
         <nav class="top-bar show-for-large" id="navbar-head">
+
             <div class="top-bar-title">
+
 
                 <ul class="menu">
 
                 <ul class="menu">
                     <li class="menu-text" id="nav-top">
+
                     <li class="menu-text">
                         <h3>USTC-Software</h3>
+
                         <a href="#">USTC-Software</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
 
             <div class="top-bar-right">
 
             <div class="top-bar-right">
                 <ul class="menu">
+
                 <ul class="dropdown menu" data-dropdown-menu>
                     <li id="nav-link1">
+
                     <li>
                         <h3>Logic</h3>
+
                        <a href="#">Home</a>
 +
                         <ul class="menu vertical">
 +
                            <li><a href="#">One</a></li>
 +
                            <li><a href="#">Two</a></li>
 +
                            <li><a href="#">Three</a></li>
 +
                            <li><a href="#">Another action</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Project</a>
 +
                        <ul class="menu vertical">
 +
                            <li><a href="#">One</a></li>
 +
                            <li><a href="#">Two</a></li>
 +
                            <li><a href="#">Three</a></li>
 +
                            <li><a href="#">Another action</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Download</a>
 +
                        <ul class="menu vertical">
 +
                            <li><a href="#">One</a></li>
 +
                            <li><a href="#">Two</a></li>
 +
                            <li><a href="#">Three</a></li>
 +
                            <li><a href="#">Another action</a></li>
 +
                        </ul>
 
                     </li>
 
                     </li>
                     <li id="nav-link2">
+
                     <li>
                         <h3>Gene Network</h3>
+
                        <a href="#">Technology</a>
 +
                         <ul class="menu vertical">
 +
                            <li><a href="#">One</a></li>
 +
                            <li><a href="#">Two</a></li>
 +
                            <li><a href="#">Three</a></li>
 +
                        </ul>
 
                     </li>
 
                     </li>
                     <li id="nav-link3">
+
                     <li>
                         <h3>Simulation</h3>
+
                        <a href="#">Human Practice</a>
 +
                         <ul class="menu vertical">
 +
                            <li><a href="#">One</a></li>
 +
                            <li><a href="#">Two</a></li>
 +
                            <li><a href="#">Three</a></li>
 +
                        </ul>
 
                     </li>
 
                     </li>
                     <li id="nav-link4">
+
                     <li>
                         <h3>Analysis</h3>
+
                        <a href="#">Team</a>
 +
                         <ul class="menu vertical">
 +
                            <li><a href="#">One</a></li>
 +
                            <li><a href="#">Two</a></li>
 +
                            <li><a href="#">Three</a></li>
 +
                        </ul>
 
                     </li>
 
                     </li>
                     <li id="nav-link5">
+
                     <li>
                         <h3>DNA</h3>
+
                        <a href="#">Requirements</a>
 +
                         <ul class="menu vertical">
 +
                            <li><a href="#">One</a></li>
 +
                            <li><a href="#">Two</a></li>
 +
                            <li><a href="#">Three</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Attributions</a>
 +
                        <ul class="menu vertical">
 +
                            <li><a href="#">One</a></li>
 +
                            <li><a href="#">Two</a></li>
 +
                            <li><a href="#">Three</a></li>
 +
                        </ul>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
 
         </nav>
 
         </nav>
    </div>
+
        <div id="main-img-container">
 
+
            <img src="imgs/gene.jpg" id="main-img" />
 
+
            <nav class="top-bar show-for-large" id="navbar-head">
 
+
                <div class="top-bar-title">
    <div class="row" id="link1">
+
                    <ul class="menu">
        <div class="small-12 columns">
+
                        <li class="menu-text" id="nav-top">
            <h2 style="text-align:center;color:#3883d8;">From a truth table to abstract logic circuits.</h2>
+
                            <a href="#">USTC-Software</a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
                <div class="top-bar-right">
 +
                    <ul class="menu" data-magellan>
 +
                        <!--
 +
                        <li id="nav-link1">
 +
                            <h3>Logic</h3>
 +
                        </li>
 +
                        <li id="nav-link2">
 +
                            <h3>Gene Network</h3>
 +
                        </li>
 +
                        <li id="nav-link3">
 +
                            <h3>Simulation</h3>
 +
                        </li>
 +
                        <li id="nav-link4">
 +
                            <h3>Analysis</h3>
 +
                        </li>
 +
                        <li id="nav-link5">
 +
                            <h3>DNA</h3>
 +
                        </li>
 +
                        -->
 +
                        <li id="nav-link1"><a href="#link1">Logic</a></li>
 +
                        <li id="nav-link2"><a href="#link2">Gene Network</a></li>
 +
                        <li id="nav-link3"><a href="#link3">Simulation</a></li>
 +
                        <li id="nav-link4"><a href="#link4">Analysis</a></li>
 +
                        <li id="nav-link5"><a href="#link5">DNA</a></li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 
         </div>
 
         </div>
         <div class="small-12 large-6 columns" id="text1">
+
         <div class="row" id="link1" data-magellan-target="link1">
            <p> In BioBLESS a truth table dialog box will be displayed for users to input Boolean numbers 0/1. All you need to do is to click Boolean buttons and then “Create”. </p>
+
            <div class="small-12 columns">
            <p>The corresponding designed logic circuits with different predicted performances will be automatically generated and displayed in order. You can immediately and clearly see the configuration of a designed logic circuit, which in most cases
+
                <h2 style="text-align:center;color:#3883d8;">From a truth table to abstract logic circuits.</h2>
                is supposed to be a compli- cated multi-input circuit.</p>
+
            </div>
            <p>According to the perturbation ratio you input, such as 20% or 30%, the concentration-time curves of inputs and outputs will be shown toge- ther to shed light on the robustness of a designed gene circuit. Moreover, data processing and demonstration
+
            <div class="small-12 large-6 columns" id="text1">
                will help users to better understand the robustness of designed gene circuits.</p>
+
                <p> In BioBLESS a truth table dialog box will be displayed for users to input Boolean numbers 0/1. All you need to do is to click Boolean buttons and then “Create”. </p>
 +
                <p>The corresponding designed logic circuits with different predicted performances will be automatically generated and displayed in order. You can immediately and clearly see the configuration of a designed logic circuit, which in most cases is supposed to be a compli- cated multi-input circuit.</p>
 +
                <p>According to the perturbation ratio you input, such as 20% or 30%, the concentration-time curves of inputs and outputs will be shown toge- ther to shed light on the robustness of a designed gene circuit. Moreover, data processing and demonstration will help users to better understand the robustness of designed gene circuits.</p>
 +
            </div>
 +
            <div class="small-12 large-6 columns inner-text-container" id="animation1">
 +
                <img src="imgs/animation1.png">
 +
                <h3 class="inner-text">some image</h3>
 +
            </div>
 
         </div>
 
         </div>
         <div class="small-12 large-6 columns inner-text-container" id="animation1">
+
         <div class="row" id="link2" data-magellan-target="link2">
             <img src="http://placehold.it/500x300">
+
             <div class="small-12 columns">
             <h3 class="inner-text">some image</h3>
+
                <h2 style="text-align:center;color:#38ced7"><span>See the detailed structure of a designed gene circuit</span></h2>
 +
            </div>
 +
             <div class="small-12 columns">
 +
                <p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
 +
                <p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
 +
                <p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
 +
                <p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.
 +
                </p>
 +
                <p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
 +
                <p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
 +
            </div>
 +
            <!-- slides-->
 
         </div>
 
         </div>
 
+
        <div class="orbit" role="region" aria-label="Some Pictures" data-orbit>
    </div>
+
            <ul class="orbit-container">
 
+
                <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;</button>
    <div class="row" id="link2">
+
                <button class="orbit-next"><span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;</button>
        <div class="small-12 columns">
+
                <li class="is-active orbit-slide">
            <h2 style="text-align:center;color:#38ced7">See the detailed structure of a designed gene circuit</h2>
+
                    <img class="orbit-image" src="imgs/slide.png" alt="image">
 +
                    <figcaption class="orbit-caption">image, the final frontier.</figcaption>
 +
                </li>
 +
                <li class="orbit-slide">
 +
                    <img class="orbit-image" src="imgs/slide.png" alt="image">
 +
                    <figcaption class="orbit-caption">Lets Rocket!</figcaption>
 +
                </li>
 +
                <li class="orbit-slide">
 +
                    <img class="orbit-image" src="imgs/slide.png" alt="image">
 +
                    <figcaption class="orbit-caption">Encapsulating</figcaption>
 +
                </li>
 +
                <li class="orbit-slide">
 +
                    <img class="orbit-image" src="imgs/slide.png" alt="image">
 +
                    <figcaption class="orbit-caption">Outta This World</figcaption>
 +
                </li>
 +
            </ul>
 +
            <nav class="orbit-bullets">
 +
                <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
 +
                <button data-slide="1"><span class="show-for-sr">Second slide details.</span></button>
 +
                <button data-slide="2"><span class="show-for-sr">Third slide details.</span></button>
 +
                <button data-slide="3"><span class="show-for-sr">Fourth slide details.</span></button>
 +
            </nav>
 
         </div>
 
         </div>
         <div class="small-12 columns">
+
         <div class="row" id="link3" data-magellan-target="link3">
            <p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami.
+
            <div class="small-12 columns">
                Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
+
                <h2 style="text-align:center;color:#22d659">Get concentration-time simulation results</h2>
 
+
            </div>
             <p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami
+
             <div class="small-12 large-6 columns inner-text-container" id="animation2">
                 ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
+
                <img src="imgs/animation1.png">
             <p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip
+
                 <h3 class="inner-text">some image</h3>
                 bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
+
             </div>
 
+
            <div class="small-12 large-6 columns" id="text2">
            <p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly
+
                 <p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.</p>
                leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump
+
                <p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
                tail chuck turducken.
+
                <p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
            </p>
+
            </div>
 
+
            <p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
+
 
+
            <p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami.
+
                Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
+
 
         </div>
 
         </div>
         <!-- slides-->
+
         <div class="row" id="link4" data-magellan-target="link4">
 
+
             <div class="small-12 columns">
 
+
                 <h2 style="text-align:center;color:#953543">Get robustness and sensitivity analysis</h2>
 
+
             </div>
    </div>
+
             <div class="small-12 columns">
 
+
                 <p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
    <div class="orbit" role="region" aria-label="Some Pictures" data-orbit>
+
                 <p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
        <ul class="orbit-container">
+
                 <p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.
            <button class="orbit-previous"><span class="show-for-sr">Previous Slide</span>&#9664;&#xFE0E;</button>
+
                 </p>
             <button class="orbit-next"><span class="show-for-sr">Next Slide</span>&#9654;&#xFE0E;</button>
+
                 <p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
            <li class="is-active orbit-slide">
+
                <p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
                 <img class="orbit-image" src="http://placehold.it/1440x600" alt="image">
+
                <p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
                <figcaption class="orbit-caption">image, the final frontier.</figcaption>
+
             </div>
             </li>
+
             <li class="orbit-slide">
+
                 <img class="orbit-image" src="http://placehold.it/1440x600" alt="image">
+
                 <figcaption class="orbit-caption">Lets Rocket!</figcaption>
+
            </li>
+
            <li class="orbit-slide">
+
                <img class="orbit-image" src="http://placehold.it/1440x600" alt="image">
+
                 <figcaption class="orbit-caption">Encapsulating</figcaption>
+
            </li>
+
            <li class="orbit-slide">
+
                 <img class="orbit-image" src="http://placehold.it/1440x600" alt="image">
+
                 <figcaption class="orbit-caption">Outta This World</figcaption>
+
            </li>
+
        </ul>
+
        <nav class="orbit-bullets">
+
            <button class="is-active" data-slide="0"><span class="show-for-sr">First slide details.</span><span class="show-for-sr">Current Slide</span></button>
+
            <button data-slide="1"><span class="show-for-sr">Second slide details.</span></button>
+
            <button data-slide="2"><span class="show-for-sr">Third slide details.</span></button>
+
             <button data-slide="3"><span class="show-for-sr">Fourth slide details.</span></button>
+
        </nav>
+
    </div>
+
 
+
 
+
 
+
 
+
    <div class="row" id="link3">
+
        <div class="small-12 columns">
+
            <h2 style="text-align:center;color:#22d659">Get concentration-time simulation results</h2>
+
 
         </div>
 
         </div>
 
+
         <div class="row" id="link5" data-magellan-target="link5">
         <div class="small-12 large-6 columns inner-text-container" id="animation2">
+
             <div class="small-12 columns">
             <img src="http://placehold.it/500x300"">
+
                <h2 style="text-align:center;">Get the DNA sequence!</h2>
             <h3 class="inner-text">some image</h3>
+
            </div>
 +
             <div class="col-md-10">
 +
                <p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
 +
                <p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.
 +
                </p>
 +
                <p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
 +
            </div>
 
         </div>
 
         </div>
         <div class="small-12 large-6 columns" id="text2">
+
         <div class="img-fixed-position content-container" style="background-image:url(imgs/USTC-index-background-4.jpg);">
            <p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly
+
                leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump
+
                tail chuck turducken.</p>
+
 
+
            <p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
+
            <p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami
+
                ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
+
 
         </div>
 
         </div>
    </div>
+
        <div class="row">
 
+
            <div class="small-12 columns">
    <div class="row" id="link4">
+
                <p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
        <div class="small-12 columns">
+
                <p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
            <h2 style="text-align:center;color:#953543">Get robustness and sensitivity analysis</h2>
+
                <p> Users have the freedom to drag specific BioBricks on our canvas and combine them into a functional gene circuit. Then the DNA sequence and other information of the designed circuit are available for users to check and download.</p>
 +
                <p>
 +
                    Wet lab protocols are partly incorporated into our DNA sequences which may make the design better and applicable in laboratories.
 +
                </p>
 +
            </div>
 
         </div>
 
         </div>
        <div class="small-12 columns">
+
     </main>
            <p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami
+
                ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
+
 
+
            <p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip
+
                bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
+
 
+
            <p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly
+
                leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump
+
                tail chuck turducken.
+
            </p>
+
 
+
            <p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
+
 
+
            <p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami.
+
                Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
+
 
+
            <p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami
+
                ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
+
        </div>
+
    </div>
+
 
+
 
+
 
+
 
+
    <div class="row" id="link5">
+
        <div class="small-12 columns">
+
            <h2 style="text-align:center;">Get the DNA sequence!</h2>
+
        </div>
+
        <div class="col-md-10">
+
            <p>Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip
+
                bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.</p>
+
 
+
            <p>Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly
+
                leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump
+
                tail chuck turducken.
+
            </p>
+
 
+
            <p>Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.</p>
+
        </div>
+
    </div>
+
    <div class="img-fixed-position content-container" style="background-image:url(http://placehold.it/1980x1080");">
+
    </div>
+
    <div class="row">
+
        <div class="small-12 columns">
+
            <p>Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami.
+
                Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.</p>
+
 
+
            <p>Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami
+
                ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.</p>
+
            <p> Users have the freedom to drag specific BioBricks on our canvas and combine them into a functional gene circuit. Then the DNA sequence and other information of the designed circuit are available for users to check and download.</p>
+
            <p>
+
                Wet lab protocols are partly incorporated into our DNA sequences which may make the design better and applicable in laboratories.
+
            </p>
+
        </div>
+
     </div>
+
 
     <script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/foundationjs?
 
     <script type="text/javascript" src="https://2016.igem.org/Template:USTC-Software/js/foundationjs?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>

Revision as of 09:41, 26 September 2016

From a truth table to abstract logic circuits.

In BioBLESS a truth table dialog box will be displayed for users to input Boolean numbers 0/1. All you need to do is to click Boolean buttons and then “Create”.

The corresponding designed logic circuits with different predicted performances will be automatically generated and displayed in order. You can immediately and clearly see the configuration of a designed logic circuit, which in most cases is supposed to be a compli- cated multi-input circuit.

According to the perturbation ratio you input, such as 20% or 30%, the concentration-time curves of inputs and outputs will be shown toge- ther to shed light on the robustness of a designed gene circuit. Moreover, data processing and demonstration will help users to better understand the robustness of designed gene circuits.

some image

See the detailed structure of a designed gene circuit

Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.

Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.

Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.

Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.

Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.

Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.

  • image
    image, the final frontier.
  • image
    Lets Rocket!
  • image
    Encapsulating
  • image
    Outta This World

Get concentration-time simulation results

some image

Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.

Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.

Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.

Get robustness and sensitivity analysis

Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.

Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.

Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.

Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.

Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.

Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.

Get the DNA sequence!

Pork loin tail pork belly shank ham. Kielbasa venison ham, short loin ham hock beef ribs tri-tip ball tip pork belly. Ribeye sirloin sausage tenderloin hamburger. Strip steak tongue turkey, andouille bacon beef ribs venison. T-bone ball tip bresaola fatback, ground round meatball chicken sausage tongue pork chop leberkas sirloin jerky shank bacon. Turducken sirloin cow shankle pig, leberkas venison boudin pastrami.

Cow fatback short loin, hamburger speck jowl turducken capicola ham hock. Hamburger corned beef strip steak shank filet mignon, jerky capicola chicken jowl ribeye pork ham hock ground round bresaola. Jowl ribeye kielbasa drumstick pork belly leberkas. Spare ribs fatback shankle, hamburger meatloaf sausage pork loin andouille pork kielbasa. Pancetta shank tongue, leberkas turducken shoulder rump meatball pork belly pig hamburger brisket biltong. Tenderloin short ribs pig, rump tail chuck turducken.

Cow tri-tip pork loin salami corned beef. T-bone turkey ham frankfurter, brisket cow chicken bacon rump sirloin. Pancetta ribeye salami leberkas speck shank. Ribeye prosciutto swine venison speck beef.

Biltong pastrami kielbasa short ribs, turducken shoulder pork chop boudin ground round speck cow. Fatback leberkas shank hamburger, tail pork belly tongue bresaola short ribs corned beef speck tri-tip ribeye. Filet mignon shoulder speck pastrami. Ham hock turducken corned beef shankle. Meatloaf shankle sausage boudin, shank flank turducken tenderloin pancetta ball tip. Biltong boudin jowl drumstick pig.

Sirloin venison bresaola andouille pastrami short ribs. Short loin cow capicola tail ham hock leberkas. Frankfurter meatloaf capicola, swine ball tip jerky pork loin pork belly cow ribeye brisket strip steak jowl beef ribs ham hock. Pastrami ham hock rump turkey, pork belly capicola jerky. Turkey chuck beef, bresaola filet mignon jerky tri-tip pastrami. Bacon capicola jowl fatback short ribs. Speck shankle bacon chuck.

Users have the freedom to drag specific BioBricks on our canvas and combine them into a functional gene circuit. Then the DNA sequence and other information of the designed circuit are available for users to check and download.

Wet lab protocols are partly incorporated into our DNA sequences which may make the design better and applicable in laboratories.