Yuqing Wang (Talk | contribs) |
|||
Line 2: | Line 2: | ||
<!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]--> | <!--[if IE 8 ]><html class="no-js ie ie8" lang="en"> <![endif]--> | ||
<!--[if (gte IE 8)|!(IE)]><!--> | <!--[if (gte IE 8)|!(IE)]><!--> | ||
− | <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"/> | |
− | + | <title>Software</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===================================================================== --> | + | <!-- Mobile Specific Metas===================================================================== --> |
− | + | <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" /> | |
− | <!-- 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/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/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"/> | |
− | <style> | + | <link rel="stylesheet" href="https://2016.igem.org/Template:Peking/css/notebook_panel?action=raw&ctype=text/css"/> |
− | + | <style> | |
− | + | .texttitle{ | |
− | </style> | + | color: #11abb0; |
− | + | font-size: 38px; | |
− | </head> | + | line-height: 48px; |
− | <body> | + | 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; | ||
− | <div class="nav-collapse collapse"> | + | } |
− | + | 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/GelPoint" > Model of Gel Point </a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:Peking/Model/MassDistribution" > Model of Mass Distribution</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" >Education & Other</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 --> | |
− | </div> | + | |
− | <!-- | + | |
+ | <!-- Page Title======================================================================== --> | ||
+ | <div id="page-title"> | ||
+ | <div class="row"> | ||
+ | <div class="twelve columns centered text-center"> | ||
+ | <h1>Software<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 class="three columns"> | ||
+ | <div id="page-wrap"> | ||
+ | <div id="sidebar" style="color:#000000"> | ||
+ | <h4><a href="javascript:void(0);" onclick="naver('descri')">Software Descrition</a></h4> | ||
+ | <h4><a href="javascript:void(0);" onclick="naver('suppl')">Supplementary</a></h4> | ||
+ | <h4><a href="javascript:void(0);" onclick="naver('inter')">Interface</a></h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | + | ||
− | + | <div class="nine columns"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | |||
+ | <a id="descri"></a> | ||
+ | <div class="texttitle">Software Description</div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <br/><br/><br/><br/><br/><br/> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <a id="suppl"></a> | ||
+ | <div class="texttitle">Supplementary</div> | ||
+ | |||
+ | |||
+ | <br/><br/><br/><br/><br/><br/> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <a id="inter"></a> | ||
+ | <div class="texttitle" style="font-size:30px;">Software Interface</div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <br/><br/><br/><br/><br/><br/> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
− | <div | + | </div> |
− | + | </div><!--row end--> | |
− | + | </section> | |
− | + | </div><!--12 columes end--> | |
− | + | </div><!--page-content end--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </div><!--page-content end--> | + | |
− | + | ||
− | + | ||
− | + | <!-- footer============================================================================== --> | |
− | + | <style> | |
− | + | footer .copyright span:before { | |
− | + | content: "|"; | |
− | + | padding-left: 10px; | |
− | + | padding-right: 12px; | |
− | <!-- footer============================================================================== --> | + | color: #b4bbbb; |
− | <style> | + | } |
− | footer .copyright span:before { | + | footer .copyright span:after { |
− | + | content: "|"; | |
− | + | padding-left: 10px; | |
− | + | padding-right: 12px; | |
− | + | color: #b4bbbb; | |
− | } | + | } |
− | footer .copyright span:after { | + | </style> |
− | + | <footer id="page-footer"> | |
− | + | <div class="row"> | |
− | + | <div class="twelve columns" > | |
− | + | <ul class="copyright"> | |
− | } | + | <!--<li>© 2014 Sparrow</li> --> |
− | </style> | + | <li><a href="2016.igem.org/Team:Peking">Home</a> <a href="mailto:pkuigem2016@126.com">Contact</a></li> |
− | + | <span> ©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> | |
− | <!-- Java 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> | |
− | <!--quotations from black: start--> | + | <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/jquery?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_sticky?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/jquery_easing_1_3_pack?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/bootstrap_min?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_patallax_1_1_3?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/appear?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/modernizr?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> |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/jquery_prettyPhoto?action=raw&ctype=text/javascript"></script> | + | <!--quotations from black: end--> |
− | <script type='text/javascript' src="https://2016.igem.org/Template:Peking/Javascript/isotope?action=raw&ctype=text/javascript"></script> | + | </body> |
− | <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> | </html> |
Revision as of 03:43, 18 October 2016
Software.