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

Line 1: Line 1:
−
{{SKLMT-China}}
 
 
<html>
 
<html>
 +
    <style>
  
 +
#top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; }
 +
.mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding: 0;  margin: 0; }
 +
#HQ_page h1, #HQ_page h2, #HQ_page h3, #HQ_page h4, #HQ_page h5, #HQ_page h6 { margin-top: 20px; margin-bottom: 10px;}
  
 +
#mw-content-text > p{margin:0; padding: 0;}
 +
li { list-style: none; }
 +
#menu a { text-decoration: none; }
 +
#menu a:link, a:visited, a:active { color: white; }
 +
#menu a:hover { color: #c1d9ff; }
 +
img { margin: 10px auto; }
 +
table { margin: 0 auto; }
 +
td { text-align: center }
  
−
<div class="clear"></div>
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
  
 +
#top-section {
 +
    border: 0 none;
 +
    height: 14px;
 +
    z-index: 100;
 +
    top: 0;
 +
    position: fixed;
 +
    width: 975px;
 +
    left: 50%;
 +
    margin-left: -487px;
 +
}
  
−
<div class="column full_size">
+
    #globalWrapper, #content {
−
<h1> Modeling</h1>
+
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background-color: transparent;
 +
        margin: 0px;
 +
        padding: 0px;
 +
        font-size: 100%;
 +
    }
  
−
<p>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.</p>
+
    html, body, .wrapper {
 +
        width: 100%;
 +
        height: 100%;
 +
        background-color: transparent;
 +
        font-family: Lato, Roboto, Source Sans Pro, Helvetica, sans-serif;
 +
    }
  
−
</div>
+
    #HQ_page p {
−
<div class="clear"></div>
+
        font-family: Lato, Roboto, Source Sans Pro, Helvetica, sans-serif;
 +
        text-align: unset;
 +
    }
  
−
<div class="column full_size">
+
    .inner p {
−
<h3> Gold Medal Criterion #3</h3>
+
        font-size: 2em !important;
−
<p>
+
        font-family: Algerian !important;
−
Convince the judges that your project's design and/or implementation is based on insight you have gained from modeling. This could be either a new model you develop or the implementation of a model from a previous team. You must thoroughly document your model's contribution to your project on your team's wiki, including assumptions, relevant data, model results, and a clear explanation of your model that anyone can understand.
+
    }
−
<br><br>
+
−
The model should impact your project design in a meaningful way. Modeling may include, but is not limited to, deterministic, exploratory, molecular dynamic, and stochastic models. Teams may also explore the physical modeling of a single component within a system or utilize mathematical modeling for predicting function of a more complex device.
+
−
</p>
+
  
−
<p>
+
    .container .paragraph h2 {
−
Please see the <a href="https://2018.igem.org/Judging/Medals"> 2018
+
        font-size: 3em !important;
−
Medals Page</a> for more information.
+
        margin: 1em 0 1em 0;
−
</p>
+
        font-family: Algerian;
−
</div>
+
    }
  
−
<div class="column two_thirds_size">
+
    .container .paragraph h2.title {
−
<h3>Best Model Special Prize</h3>
+
        border-left: solid #000099 5px;
 +
        padding-left: 10px;
 +
    }
  
−
<p>
+
    .container p {
−
To compete for the <a href="https://2018.igem.org/Judging/Awards">Best Model prize</a>, please describe your work on this page  and also fill out the description on the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>. Please note you can compete for both the gold medal criterion #3 and the best model prize with this page.  
+
        font-size: 1.35em !important;
−
<br><br>
+
    }
−
You must also delete the message box on the top of this page to be eligible for the Best Model Prize.
+
−
</p>
+
  
−
</div>
+
    .container .paragraph p {
 +
        margin: 2em 0 1em 0;
 +
    }
  
 +
    .container .paragraph.shadow {
 +
    }
  
−
<div class="column third_size">
+
    .container .paragraph.shadow {
−
<div class="highlight decoration_A_full">
+
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
−
<h3> Inspiration </h3>
+
    }
−
<p>
+
 
−
Here are a few examples from previous teams:
+
    </style>
−
</p>
+
 
−
<ul>
+
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/normalize_css&amp;action=raw&amp;ctype=text/css">
−
<li><a href="https://2016.igem.org/Team:Manchester/Model">2016 Manchester</a></li>
+
 
−
<li><a href="https://2016.igem.org/Team:TU_Delft/Model">2016 TU Delft</li>
+
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/template_css&amp;action=raw&amp;ctype=text/css">
−
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">2014 ETH Zurich</a></li>
+
 
−
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">2014 Waterloo</a></li>
+
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/text_css&amp;action=raw&amp;ctype=text/css">
−
</ul>
+
 
−
</div>
+
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/bootstrap_css&amp;action=raw&amp;ctype=text/css">
−
</div>
+
 
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/navbar_css&amp;action=raw&amp;ctype=text/css">
 +
 
 +
    <!-- Start Navbar -->
 +
    <nav class="navbar navbar-default navbar-transparent navbar-fixed dark bootsnav" style="top: 11px">
 +
 
 +
        <div class="container">
 +
 
 +
            <div class="navbar-header">
 +
 
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
 +
                    <i class="fa fa-bars"></i>
 +
                </button>
 +
 
 +
                <!-- LOGO
 +
                    <a class="navbar-brand" href="#brand"><img src="images/nav-logo.jpg" class="logo" alt=""></a>
 +
                -->
 +
                <div class="navbar-brand" href="index"><a>SKLMT</a></div>
 +
 
 +
            </div>
 +
 
 +
            <div class="collapse navbar-collapse" id="navbar-menu">
 +
                <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeInUp">
 +
                    <li class="dropdown">
 +
                        <a href="Team" class="dropdown-toggle" data-toggle="dropdown">Team</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Members">Members</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Attributions">Attributions</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Sponsor">Sponsors</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="project" class="dropdown-toggle" data-toggle="dropdown">Project</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Project_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Design">Design</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Protocol">Protocol</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Results">Results</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Safety">Safety</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="InterLab">InterLab</a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Parts" class="dropdown-toggle" data-toggle="dropdown">Parts</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Basic_Part">Basic Part</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Composite_Part">Composite Part</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Best_Part">Best Part</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Improved_Part">Improved Part</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Part_Collection">Part Collection</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Software</a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Model" class="dropdown-toggle" data-toggle="dropdown">Model</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Model_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Promoter_Strength">Promoter Strength</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Human_Practices" class="dropdown-toggle" data-toggle="dropdown">Human Practices</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="HP_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="HP_Silver">HP Silver</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Integrated_Gold">Integrated & Gold</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Collaborations">Collaborations</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Notebook" class="dropdown-toggle" data-toggle="dropdown">Notebook</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Notebook_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Notebook_Protocol">Protocol</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Material">Material</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Data_Base">Data Base</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </nav>
 +
    <!-- End Navbar -->
 +
 
 +
    <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/b/b7/T--SKLMT-China--banner1.jpg)">
 +
        <div class="inner">
 +
            <header>
 +
                <h2>SKLMT</h2>
 +
            </header>
 +
            <p>This is <strong>SKLMT-China</strong> SPEKING
 +
            <footer>
 +
                <ul class="buttons stacked">
 +
                    <li><a href="#section-2" class="actions scrolly-middle">Learn More</a></li>
 +
                </ul>
 +
            </footer>
 +
        </div>
 +
    </section>
 +
 
 +
 
 +
    <div class="container" id="section-2">
 +
 
 +
        <div class="paragraph shadow">
 +
            <h2 class="title">Description</h2>
 +
            <p>test</p>
 +
 
 +
            <h2 class="title">Another</h2>
 +
            <p>test</p>
 +
 
 +
        </div>
 +
    </div>
 +
 
 +
    <section id="page-footer">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12" style="padding-top: 2.5em;">
 +
                    <h2><strong>SKLMT</strong></h2>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-4">
 +
                    <h3>Useful <strong>&thinsp;Links</strong></h3>
 +
                    <p>
 +
                    <a href="https://igem.org/Main_Page">Main Page</a>
 +
                    </p>
 +
                    <p>
 +
                    <a href="https://igem.org/Special:SpecialPages">Special pages</a>
 +
                    </p>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <h3><strong>Contact&thinsp;</strong> us</h3>
 +
                    <br>
 +
                    <i class = "fa fa-envelope-o fa-lg">&thinsp;&thinsp;SKLMT.iGEM.China@gmail.com</i>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <h3><strong>Address</strong></h3>
 +
                    <br>
 +
                    <i class="fa fa-map-marker fa-lg">&thinsp;&thinsp;Qingdao, Shandong<br><br><br>266200 Shandong University</i>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/html5shiv_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/respond_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/jquery_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/bootstrap_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/navbar_js?action=raw&ctype=text/javascript"></script>
  
 
</html>
 
</html>

Revision as of 15:39, 8 October 2018

SKLMT

This is SKLMT-China SPEKING

Description

test

Another

test

SKLMT

Useful  Links

Main Page

Special pages

Contact  us


  SKLMT.iGEM.China@gmail.com

Address


  Qingdao, Shandong


266200 Shandong University