Difference between revisions of "Team:BIT-China/Model"

Revision as of 03:53, 9 October 2016

Modeling

Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.

Inspiration

Here are a few examples from previous teams:

@@ Line 5: / Line 5: @@
    <script type="text/javascript" src="https://2016.igem.org/Team:BIT-China/js/page/model/effect/highchart?action=raw&ctype=text/javascript"></script>
    <script type="text/javascript" src="https://2016.igem.org/Team:BIT-China/js/page/model/effect/chart?action=raw&ctype=text/javascript"></script>
-  <script>
-     //左侧Javascript代码
+    <style>
-  </script>
+#mw-content-text{
+     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 14px;
+    line-height: 1.42857143;
+}
+#mw-content-text>p{
+    position:absolute;
+    top:-100%;
+}
+.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
+    margin: 0;
+    padding: 0;
+}
+.footer-widgets .widget-title {
+    margin-top: 0;
+    margin-bottom: 43px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    position: relative;
+}
+        .nav_left_ul{
+            list-style: none;
+            padding-left: 50px;
+        }
+        .nav_left_ul>li{
+            position: relative;
+            margin-top: -15px;
+        }
+        .nav_left_ul>li:nth-child(1){
+            margin-top: -14px;
+        }
+        .nav_left_txt{
+            word-break: keep-all;
+            white-space: nowrap;
+            height: 70px;
+            line-height: 70px;
+            top: 8px;
+            left: 0;
+            width:100%;position:absolute;
+            color: #FFFFFF;
+            font-weight: bold;text-align: center;font-size: 14px;
+        }
+        .nav_left_txt_plus{
+            height: 60px;
+            line-height: 60px;
+            top: 5px;
+            right: 0;
+            width:60%;position:absolute;
+            text-align: center;
+            color: #FFFFFF;
+            font-weight: bold;font-size: 8px;
+            white-space: nowrap;
+        }
+        .content-title{
+            width: 100%;
+            text-align: center;
+            font-size: 2.5em;
+        }
+        .block-title{
+            margin-top: 20px;
+            padding-bottom: 10px;
+            width: 100%;
+            text-align: center;
+            font-size: 2em;
+        }
+        .problem-title{
+            font-size: 1.5em;
+        }
+        .problem-txt div{
+            margin-top: 1em;
+        }
+        .block-content-header{
+            display: inline-block;
+            margin-top: 10px;
+            margin-bottom: 20px;
+            font-weight: bolder;
+        }
+        .block-content-sub-header{
+            display: inline-block;
+            font-style: italic;
+            margin-top: 5px;
+            margin-bottom: 15px;
+            font-weight: bold;
+        }
+    </style>
+    <script>
+        $(document).ready(function() {
+            //弹出导航监听
+            window.onscroll = function () {
+                if($(window).scrollTop()>100){
+                    $("#nav-hide").removeClass("roll-nav-hide");
+                }
+                else{
+                    $("#nav-hide").addClass("roll-nav-hide");
+                }
+                //固定侧边导航
+                if($(window).scrollTop()>95){
+                    $("#nav_left_wrapper").css({
+                        "margin-left":"0",
+                        "top":"50px",
+                        "position":"fixed"
+                    });
+                    $("#site-change-btn").css({
+                        "position":"fixed"
+                    })
+                }
+                else{
+                    $("#nav_left_wrapper").css({
+                        "margin-left":"-100%",
+                        "top":"auto",
+                        "position":"relative"
+                    });
+                    $("#site-change-btn").css({
+                        "position":"absolute"
+                    })
+                }
+                //页间跳转
+                if($(window).scrollTop()>300){
+                    $("#site-change-btn").css("display","block");
+                }
+                else{
+                    $("#site-change-btn").css("display","none");
+                }
+                //底部隐藏左侧导航
+                if($(".footer").offset().top - $(window).scrollTop() < 300){
+                    $("#nav_left_wrapper").css("display","none");
+                    $("#site-change-btn").css("display","none");
+                }
+                else{
+                    $("#nav_left_wrapper").css("display","block");
+                    $("#site-change-btn").css("display","block");
+                }
+            };
+            //平滑跳转
+            var navs=$(".nav_point");
+            for(i=0;i<navs.length;i++){
+                navs.eq(i).click(function (e) {
+                    e.preventDefault();
+                    var href=$(this).attr("href");
+                    $.scrollTop(href+"",-100,400);
+                });
+            }
+        });
+    </script>
 </head>
 <body>