Difference between revisions of "Team:Peking/Model"
Yuqing Wang (Talk | contribs) |
|||
| Line 4: | Line 4: | ||
<html class="no-js" lang="en"> | <html class="no-js" lang="en"> | ||
<!--<![endif]--> | <!--<![endif]--> | ||
| − | <head> | + | <head> |
| − | <!--- Basic Page Needs========================================================================= --> | + | <!--- Basic Page Needs========================================================================= --> |
| − | <meta charset="utf-8"/> | + | <meta charset="utf-8"/> |
| − | <title>Model</title> | + | <title>Model</title> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.2, user-scalable=yes" /> | + | <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="description" content="Wiki of Peking iGEM 2016" /> |
| − | <meta name="author" content="Li Jiamian & Wang Yuqing"/> | + | <meta name="author" content="Li Jiamian & Wang Yuqing"/> |
| − | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
| − | <!-- Mobile Specific Metas===================================================================== --> | + | <!-- Mobile Specific Metas===================================================================== --> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> | + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> |
| − | <!-- Fix Overwrite the original iGEM style=================================================== --> | + | <!-- Fix Overwrite the original iGEM style=================================================== --> |
| − | <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" /> | + | <link href="https://2016.igem.org/Template:Peking/css/fix?action=raw&ctype=text/css" rel="stylesheet" /> |
| − | <!-- CSS======================================================================================= --> | + | <!-- 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/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" /> | + | <link href="https://2016.igem.org/Template:Peking/css/style?action=raw&ctype=text/css" rel="stylesheet" /> |
| − | <!-- CSS======================================================================================= --> | + | <!-- 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/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/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/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/priorstyle?action=raw&ctype=text/css"/> |
| − | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/> | + | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/> |
| − | <style> | + | <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> | |
| − | </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; | ||
| − | <div class="nav-collapse collapse"> | + | 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> | ||
</div> | </div> | ||
| − | + | <!--/Navigation --> | |
| − | + | ||
| − | <!--/Navigation --> | + | |
<!-- Page Title======================================================================== --> | <!-- Page Title======================================================================== --> | ||
| Line 250: | Line 250: | ||
<div class="twelve columns centered text-center"> | <div class="twelve columns centered text-center"> | ||
<h1>Model<span>.</span></h1> | <h1>Model<span>.</span></h1> | ||
| − | <p class="title1" style="text-align:center"></p> | + | <p class="title1" style="text-align:center"> </p> |
</div> | </div> | ||
</div> | </div> | ||
| − | </div> | + | </div><!-- Page Title End--> |
| − | + | ||
| − | + | ||
<div id="page-content" class="row page"> | <div id="page-content" class="row page"> | ||
| Line 266: | Line 264: | ||
<div class="three columns"> | <div class="three columns"> | ||
| − | + | <div id="page-wrap"> | |
| − | + | <div id="sidebar" style="color:#000000"> | |
| − | + | <h4><a href="javascript:void(0);" onclick="naver('intro')">Introduction</a></h4> | |
| − | + | <h4><a href="javascript:void(0);" onclick="naver('body')">Main Body</a></h4> | |
| − | + | <h4><a href="javascript:void(0);" onclick="naver('experi')">Experiment & Improvement</a></h4> | |
| + | <h4><a href="javascript:void(0);" onclick="naver('results')">Results and Conlusions<／a></h4> | ||
| + | <h4><a href="javascript:void(0);" onclick="naver('software')">Realated Software<／a></h4> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | ||
| + | <div class="nine columns"> | ||
| + | <a id="intro"></a> | ||
| + | <div class="texttitle">Introduction</div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | <a id="body"></a> | ||
| + | <div class="texttitle">Main Body of Our Model</div> | ||
| − | |||
| + | <a id="experi"></a> | ||
| + | <div class="texttitle" style="font-size:30px;">Related Experiment and Model Improvement</div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <a id="results"></a> | ||
| + | <div class="texttitle">Results and conclusions</div> | ||
| + | |||
| + | |||
| + | |||
| + | <!--software先不用管======================== | ||
| + | |||
| + | <a id="software"></a> | ||
| + | <div class="texttitle">Software</div> | ||
| + | |||
| + | ================================--> | ||
| + | </div> | ||
</div><!--row end--> | </div><!--row end--> | ||
| − | + | </section> | |
</div><!--12 columes end--> | </div><!--12 columes end--> | ||
</div><!--page-content end--> | </div><!--page-content end--> | ||
| Line 420: | Line 362: | ||
<!--quotations from black: start--> | <!--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?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_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/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/bootstrap_min?action=raw&ctype=text/javascript"></script> | ||
Revision as of 19:20, 17 October 2016
Model.
