Difference between revisions of "Team:Peking/Model/GelPoint"

(Created blank page)
 
Line 1: Line 1:
 +
<!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"> <![endif]-->
 +
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]-->
 +
<!--[if (gte IE 8)|!(IE)]><!-->
 +
<html class="no-js" lang="en">
 +
    <!--<![endif]-->
 +
    <head>
 +
        <!--- Basic Page Needs========================================================================= -->
 +
        <meta charset="utf-8"/>
 +
        <title>Gel Point Model</title>
 +
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" />
 +
        <meta name="description" content="Wiki of Peking iGEM 2016" />
 +
        <meta name="author" content="Li Jiamian & Wang Yuqing"/>
 +
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
        <!-- Mobile Specific Metas===================================================================== -->
 +
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
 +
        <!-- Fix  Overwrite the original iGEM style=================================================== -->
 +
        <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <!-- CSS======================================================================================= -->
 +
        <link href="https://2016.igem.org/Template:Peking/css/bootstrap_min?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" />
 +
        <!-- CSS======================================================================================= -->
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/default?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/layout?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/media-queries?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/priorstyle?action=raw&ctype=text/css"/>
 +
        <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/>
 +
        <style>
 +
            .texttitle{
 +
                color: #11abb0;
 +
                font-size: 38px;
 +
                line-height: 48px;
 +
                margin-bottom: 12px;
 +
                font-family: raleway-bold, sans-serif !important;
 +
                background: transparent;
 +
                letter-spacing: 3px;
 +
                text-transform: uppercase;
 +
                font-weight: 350;
 +
                text-align: center;
 +
                padding-top:40px;
 +
            }
 +
        sup{font-size:11px;}
 +
        .references{margin-top:150px;margin-bottom:40px;}
 +
        .references p{font-size:14px !important; color:#666161 !important;}
 +
        sub{color:white;}
 +
        .classic-title {font-weight: 300;padding-top:30px;}
 +
        .classic-title span {
 +
            padding-bottom: 8px;
 +
            border-bottom: 1px solid #383232;
 +
            font-weight: 400;
 +
        }
 +
        figure{margin-top:40px;margin-bottom:40px;height:auto;}
 +
            </style>
 +
       
 +
    </head>
 +
    <body>
 +
        <!--sidebar 引用==============================================================================-->
 +
        <style>
 +
            #primary span{
 +
                display:block;
 +
                word-break:break-all
 +
            }
 +
       
 +
        #page-wrap {
 +
            width: 25%;
 +
            margin: 0px;
 +
            position: relative;
 +
        }
 +
       
 +
        #sidebar {
 +
            width: 25%;
 +
            margin-left: 0px;
 +
        }
 +
        @media (min-width:1024px){
 +
            #sidebar{position:relative;top:120px;max-width:200px;}}
 +
        @media (max-width: 1023px){
 +
            #sidebar{display:none;
 +
            }
 +
            #page-wrap{display:none;}
 +
        }
 +
        </style>
 +
       
 +
       
 +
        <script type="text/javascript">
 +
            function menuFixed(id){
 +
                var obj = document.getElementById(id);
 +
                var _getHeight = obj.offsetTop;
 +
               
 +
                window.onscroll = function(){
 +
                    changePos(id,_getHeight);
 +
                }
 +
            }
 +
        function changePos(id,height){
 +
            var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
            if(w>=1024){
 +
                if($(window).scrollTop() + $(window).height() > $(document).height() - 230){
 +
                    $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");}
 +
            }
 +
            var scrollTop = document.documentElement.scrollTop || document.body.scrollTop -230;
 +
            var windowBottom = $(window).scrollTop() + $(window).innerHeight();
 +
            var w = window.innerWidth;
 +
           
 +
            if(scrollTop < height){ obj.style.position = 'relative';
 +
            }else{
 +
                obj.style.position = 'fixed';
 +
            }
 +
        }
 +
        </script>
 +
       
 +
        <script type="text/javascript">
 +
            window.onload = function(){
 +
                menuFixed('sidebar');
 +
            }
 +
        </script>
 +
        <script>
 +
            function naver(id){
 +
                var obj=document.getElementById(id);
 +
                var oPos=obj.offsetTop;
 +
                return window.scrollTo(0,oPos+250);
 +
            }
 +
        </script>
 +
        <!--sidebar 引用 end ==============================================================================-->
 +
        <!--panel 引用==================================================================================-->
 +
        <style type="text/css">
 +
            .panel-default .panel-heading a{
 +
                text-decoration: none;
 +
                display:block;
 +
                padding:10px;
 +
            }
 +
        .panel-heading.panel-title{
 +
            text-decoration: none;
 +
            padding-top:0px;
 +
            padding-bottom:0px;
 +
            padding-left:0px;
 +
            padding-right:0px;
 +
            text-align:center;
 +
            font-size:19px;
 +
           
 +
        }
 +
        a[aria-expanded="true"] {
 +
            background-color:rgba(70, 73, 76, 0.95);
 +
            text-decoration: none;
 +
            color:white;
 +
        }
 +
       
 +
        .panel-default .panel-heading a[aria-expanded="false"]{
 +
            -o-transition: background-color 1s linear;
 +
            -moz-transition: background-color 1s linear;
 +
            -khtml-transition: background-color 1s linear;
 +
            -webkit-transition: background-color 1s linear;
 +
            -ms-transition: background-color 1s linear;
 +
            transition: background-color 1s linear;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="false"]:hover{
 +
            background-color:rgba(70, 73, 76, 0.95);
 +
            text-decoration: none;
 +
            color:white;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="true"]{
 +
            -o-transition: opacity 1s linear;
 +
            -moz-transition: opacity 1s linear;
 +
            -khtml-transition: opacity 1s linear;
 +
            -webkit-transition: opacity 1s linear;
 +
            -ms-transition: opacity 1s linear;
 +
            transition: opacity 0.7s linear;
 +
        }
 +
        .panel-default .panel-heading a[aria-expanded="true"]:hover{
 +
            opacity:0.7;
 +
        }
 +
        </style>
 +
       
 +
        <script type="text/javascript">
 +
            $(document).ready(function(){
 +
                              $("#button1").click(function(){
 +
                                                  $(".panel-collapse").collapse("show");
 +
                                                  });
 +
                              });
 +
                              $(document).ready(function(){
 +
                                                $("#button2").click(function(){
 +
                                                                    $(".panel-collapse").collapse("hide");
 +
                                                                    });
 +
                                                });
 +
                                                $("#notebook").addClass("navbar-active");
 +
            </script>
 +
        <!--panel 引用 end ==================-->
 +
       
 +
        <!-- Navigation -->
 +
        <div id="navigation" class="navbar navbar-fixed-top">
 +
            <div class="navbar-inner ">
 +
                <div class="container no-padding">
 +
                    <a class="show-menu" data-toggle="collapse" data-target=".nav-collapse"><span class="show-menu-bar"></span>
 +
                    </a>
 +
                    <div id="logo" style="max-width:170px"><a class="" href="https://2016.igem.org/Team:Peking"></a></div>
 +
                   
 +
                    <div class="nav-collapse collapse">
 +
                        <ul class="nav">
 +
                            <li class="menu-1"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking" >Home</a></li>
 +
                            <li class="dropdown menu-2"><a class="dropdown-toggle" data-toggle="dropdown" href="#" > Achievements</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Demonstrate" >Results</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Basic_Part" >Parts</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Collaborations" >Collaborations</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-3"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Description" >Overview</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Design" >Design</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Crosslinking" >Crosslinking</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Uranyl-adsorption" >Uranyl adsorption</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Clearance" >Clearance</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Secretion" >Secretion</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Proof" >Final Performance</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-4"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Modeling</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Model" >Protein polymerization</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/Software" >Software</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="dropdown menu-5"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Practices</a>
 +
                                <ul class="dropdown-menu">
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/Gold" >Overview</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/311" >Field research</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/questionnaire" >Questionnaire</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/consulting" >Consulting</a></li>
 +
                                    <li><a href="https://2016.igem.org/Team:Peking/HP/otherHP" >Other work</a></li>
 +
                                </ul>
 +
                            </li>
 +
                            <li class="menu-6"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Safety" >Safety</a>
 +
                                <li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab</a>
 +
                                    <ul class="dropdown-menu">
 +
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Team" >Team</a></li>
 +
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Attributions" >Attribution</a></li>
 +
                                        <li><a class="" href="https://2016.igem.org/Team:Peking/Notebook" >Notebook</a></li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li class="menu-8"><a class="colapse-menu1" href="https://2016.igem.org/Team:Peking/Interlab" >Interlab</a>
 +
                                </li>
 +
                                </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!--/Navigation -->
 +
       
 +
       
 +
        <!-- Page Title======================================================================== -->
 +
        <div id="page-title">
 +
            <div class="row">
 +
                <div class="twelve columns centered text-center">
 +
                    <h1>Gel Point Model<span>.</span></h1>
 +
                    <p class="title1" style="text-align:center">    </p>
 +
                </div>
 +
            </div>
 +
        </div><!-- Page Title End-->
 +
       
 +
        <div id="page-content" class="row page">
 +
            <div id="primary" class="twelve columns">
 +
                <section>
 +
                    <div class="row">
 +
                       
 +
                       
 +
                        <div style="width 100%;">
 +
                            <div class="six columns">
 +
                                <div class="panel panel-default">
 +
                                    <div class="panel-heading panel-title">
 +
                                        <a href="javascript:void(0);" onclick="naver('gel')" aria-expanded="false">Calculate the Gel Point</a>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="six columns">
 +
                                <div class="panel panel-default">
 +
                                    <div class="panel-heading panel-title">
 +
                                        <a href="javascript:void(0);" onclick="naver('supple')" aria-expanded="false">Supplementary Information</a>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                       
 +
                        <div class="twelves columns">
  
 +
                            <a id="gel"></a>
 +
                            <div class="texttitle">Calculate the Gel Point</div>
 +
                           
 +
                           
 +
                           
 +
                           
 +
                           
 +
                           
 +
                           
 +
                           
 +
                           
 +
                           
 +
                           
 +
                            <a id="supple"></a>
 +
                            <div class="texttitle">Supplementary Information</div>
 +
                            <div class="col-mid-2">
 +
                            </div>
 +
                            <div class="col-md-8">
 +
                                <div class="panel-group" id="accordion">
 +
 +
                                    <div class="panel panel-default">
 +
                                        <div class="panel-heading panel-title" role="tab" id="heading1">
 +
                                            <a role="button" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">Definition </a>
 +
                                        </div>
 +
                                        <div id="collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
 +
                                            <div class="panel-body">
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                   
 +
                                    <div class="panel panel-default">
 +
                                        <div class="panel-heading panel-title" role="tab" id="heading1">
 +
                                            <a role="button" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">Flory’s Assumption and Calculation</a>
 +
                                        </div>
 +
                                        <div id="collapse2" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
 +
                                            <div class="panel-body">
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                   
 +
                                    <div class="panel panel-default">
 +
                                        <div class="panel-heading panel-title" role="tab" id="heading1">
 +
                                            <a role="button" data-toggle="collapse" href="#collapse3" aria-expanded="false" aria-controls="collapse3">The calculation of gel point</a>
 +
                                        </div>
 +
                                        <div id="collapse3" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
 +
                                            <div class="panel-body">
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                               
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                   
 +
                                </div>
 +
                                </div><!-- results end-->
 +
 +
                        </div>
 +
                    </div><!--row end-->
 +
                </section>
 +
            </div><!--12 columes end-->
 +
        </div><!--page-content end-->
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
        <!-- footer============================================================================== -->
 +
        <style>
 +
            footer .copyright span:before {
 +
                content: "|";
 +
                padding-left: 10px;
 +
                padding-right: 12px;
 +
                color: #b4bbbb;
 +
            }
 +
        footer .copyright span:after {
 +
            content: "|";
 +
            padding-left: 10px;
 +
            padding-right: 12px;
 +
            color: #b4bbbb;
 +
        }
 +
        </style>
 +
        <footer id="page-footer">
 +
            <div class="row">
 +
                <div class="twelve columns" >
 +
                    <ul class="copyright">
 +
                        <!--<li>&copy; 2014 Sparrow</li> -->
 +
                        <li><a href="2016.igem.org/Team:Peking">Home</a>&nbsp;&nbsp;&nbsp;<a href="mailto:pkuigem2016@126.com">Contact</a></li>
 +
                        <span> &copy;2016 PEKING IGEM. All Rights Reserved.</span>
 +
                        <li><a href="http://getbootstrap.com/2.3.2/">Based on Bootstrap</a></li>
 +
                    </ul>
 +
                </div>
 +
                <div id="go-top" style="display: block;"><a title="Back to Top" href="#">Go To Top</a></div>
 +
            </div>
 +
        </footer> <!-- Footer End-->
 +
       
 +
       
 +
        <!-- Java Script======================================================================= -->
 +
        <script>window.jQuery || document.write('<script src="https://2016.igem.org/Template:Peking/Javascript/jquery_1_10_2_min?action=raw&ctype=text/javascript"><\/script>')</script>
 +
        <script type="text/javascript" src="https://2016.igem.org/Template:Peking/Javascript/jquery_migrate_1_2_1_min?action=raw&ctype=text/javascript"></script>
 +
       
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/jquery_flexslider?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/doubleaptogo?action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2016.igem.org/Template:Peking/Javascript/init?action=raw&ctype=text/javascript"></script>
 +
       
 +
       
 +
        <!--quotations from black: start-->
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_sticky?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_easing_1_3_pack?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/bootstrap_min?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_patallax_1_1_3?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/appear?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/modernizr?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_bxslider_min?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_cycle_all?action=raw&ctype=text/javascript" ></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_maximage?action=raw&ctype=text/javascript"></script>
 +
        <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/scripts?action=raw&ctype=text/javascript "></script>
 +
        <!--quotations from black: end-->
 +
    </body>
 +
</html>

Revision as of 01:13, 18 October 2016

Gel Point Model

Gel Point Model.