Difference between revisions of "Team:SHSU China/Model"

(Prototype team page)
 
Line 1: Line 1:
 
{{SHSU_China}}
 
{{SHSU_China}}
−
<html>
+
<html lang="en">
 +
  <head>
 +
    <title>ExoBlood SHSU_China</title>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  
 +
    <link href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/Rubik.css&action=raw&ctype=text/css" rel="stylesheet">
 +
    <link  href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/bootstrap.css&action=raw&ctype=text/css" rel="stylesheet">
 +
    <link rel="stylesheet"  href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/animate.css&action=raw&ctype=text/css">
 +
  <link rel="stylesheet"  href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/owl.carousel.min.css&action=raw&ctype=text/css">
  
  
−
<div class="column full_size judges-will-not-evaluate">
+
    <link rel="stylesheet"   href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/fonts/ionicons/css/ionicons.min.css&action=raw&ctype=text/css">
−
<h3>★  ALERT! </h3>
+
    <link rel="stylesheet"  href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/fonts/fontawesome/css/font-awesome.min.css&action=raw&ctype=text/css">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
    <link rel="stylesheet"  href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/fonts/flaticon/font/flaticon.css&action=raw&ctype=text/css">
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
    <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/magnific-popup.css&action=raw&ctype=text/css">
−
</div>
+
  
 +
    <!-- Theme Style -->
 +
    <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/style.css&action=raw&ctype=text/css">
 +
<style>
 +
p{
 +
font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
 +
font-weight: 300 !important;
 +
font-size: 16px !important;
 +
line-height: 2 !important;
 +
}
 +
</style>
 +
  </head>
 +
  <body>
  
−
<div class="clear"></div>
+
    <div class="wrap">
 +
   
 +
    <div class="block-45">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-md-6">
 +
            <ul class="block-45-list">
 +
              <li><a href="#">Team SHSU_China</a></li>
 +
            </ul>
 +
          </div>
 +
          <div class="col-md-6 text-md-right">
 +
            <ul class="block-45-icons">
 +
              <li><a href="https://twitter.com/2018shsu?lang=en"><span class="fa fa-twitter"></span></a></li>
 +
              <li><a href="https://www.instagram.com/igem2018_shsu/"><span class="fa fa-instagram"></span></a></li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <header role="banner">
 +
   
 +
      <nav class="navbar navbar-expand-lg navbar-light bg-light">
 +
        <div class="container">
 +
          <a class="navbar-brand absolute" href="https://2018.igem.org/Team:SHSU_China">ExoBlood<span class="fa fa-tint" style="color:red"></span>  </a>
 +
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation">
 +
            <span class="navbar-toggler-icon"></span>
 +
          </button>
  
 +
          <div class="collapse navbar-collapse navbar-light" id="navbarsExample05">
 +
            <ul class="navbar-nav ml-auto">
 +
              <li class="nav-item ">
 +
                <a class="nav-link" href="https://2018.igem.org/Team:SHSU_China ">Home</a>
 +
              </li>
 +
              <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown-toggle" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdown01">
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Team ">Team Members</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Collaborations ">Collaborations</a>
 +
                </div>
  
−
<div class="column full_size">
+
              </li>
−
<h1> Modeling</h1>
+
  
−
<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>
+
              <li class="nav-item dropdown active">
 +
                <a class="nav-link dropdown-toggle" id="dropdown02" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdown02">
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Description ">Description</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Design ">Design</a>
 +
                  <a class="dropdown-item " href="/Team:SHSU_China/Experiments ">Experiments</a>
 +
                  <a class="dropdown-item " href="/Team:SHSU_China/Notebook ">Notebook</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/InterLab ">InterLab</a>
 +
                  <a class="dropdown-item active" href="/Team:SHSU_China/Model ">Model</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Results ">Results</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Demonstrate ">Demonstrate</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Improve ">Improve</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Attributions ">Attributions</a>
 +
                </div>
 +
              </li>
 +
              <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown-toggle" id="dropdown03" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdown03">
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Parts ">Parts Overview</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Basic_Parts ">Basic Parts</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Composite_Parts ">Composite Parts</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Part_Collection ">Part Collection</a>
 +
                </div>
 +
              </li>
 +
              <li class="nav-item">
 +
                <a class="nav-link" href="/Team:SHSU_China/Safety ">Safety</a>
 +
              </li>
 +
              <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown-toggle" id="dropdown04" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdown04">
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Human_Practices ">Human Practices</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Public_Engagement ">Education & Engagement</a>
 +
                </div>
 +
              </li>
 +
              <li class="nav-item">
 +
                <a class="nav-link" href="https://igem.org/2018_Judging_Form?id=2794 ">Judging Form</a>
 +
              </li>
 +
            </ul>
 +
           
 +
           
 +
          </div>
 +
        </div>
 +
      </nav>
 +
    </header>
 +
    <!-- END header -->
  
−
</div>
+
    <section class="site-hero overlay" data-stellar-background-ratio="0.5" style="background-image: url(#);">
−
<div class="clear"></div>
+
      <div class="container">
 +
        <div class="row align-items-center justify-content-center site-hero-inner">
 +
          <div class="col-md-8 text-center">
 +
 
 +
            <div class="mb-5 element-animate">
 +
              <div class="block-17">
 +
                <h1 class="heading mb-4">Model</h1>
 +
                <div class="lead">Predicting Future Results</div>
 +
              </div>
 +
            </div>
 +
           
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
    <!-- END section -->
  
−
<div class="column full_size">
+
   
−
<h3> Gold Medal Criterion #3</h3>
+
    <section class="site-section bg-light">
−
<p>
+
      <div class="container">
−
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.
+
        <div class="row">
−
<br><br>
+
          <div class="col-md-4">
−
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.
+
            <div class="block-36">
−
</p>
+
              <h3 class="block-36-heading">Project</h3>
 +
              <ul>
 +
                <li  > <a href="/Team:SHSU_China/Description ">Description</a></li>
 +
                <li > <a href="/Team:SHSU_China/Design ">Design</a></li>
 +
                <li > <a href="/Team:SHSU_China/Experiments ">Experiments</a></li>
 +
                <li > <a href="/Team:SHSU_China/Notebook ">Notebook</a></li>
 +
                <li> <a href="/Team:SHSU_China/InterLab ">InterLab</a></li>
 +
                <li class="active"> <a href="/Team:SHSU_China/Model ">Model</a></li>
 +
                <li> <a href="/Team:SHSU_China/Results ">Results</a></li>
 +
                <li> <a href="/Team:SHSU_China/Demonstrate ">Demonstrate</a></li>
 +
                <li> <a href="/Team:SHSU_China/Improve ">Improve</a></li>
 +
                <li> <a href="/Team:SHSU_China/Attributions ">Attributions</a></li>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
          <div class="col-md-8 pl-md-5">
 +
             
 +
            <div class="block-44 d-flex mb-3">
 +
              <!-- <div class="block-44-image"><img src="images/image_tall_1.jpg" alt="Image placeholder"></div> -->
 +
              <div class="block-44-text">
 +
                <h3 class="block-44-heading">Model</h3>
 +
                <div class="block-44-meta">Yan Luo</div>
 +
                <!--
 +
                <div class="block-44-icons">
 +
                  <a href="#" class=""><span class="fa fa-video-camera"></span></a>
 +
                  <a href="#" class=""><span class="fa fa-headphones"></span></a>
 +
                  <a href="#" class=""><span class="fa fa-cloud-download"></span></a>
 +
                  <a href="#" class=""><span class="fa fa-book"></span></a>
 +
                </div>
 +
                -->
 +
              </div>
 +
            </div>
  
−
<p>
+
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus animi explicabo asperiores accusantium laborum distinctio quos, placeat eligendi nesciunt aliquid ut corrupti id sapiente libero, quod doloremque minima odit debitis minus. Sequi enim quibusdam, doloremque iste iure? Excepturi, ad, ratione!</p>
−
Please see the <a href="https://2018.igem.org/Judging/Medals"> 2018
+
            <p><img src="#"></p>
−
Medals Page</a> for more information.  
+
            <p>Deleniti asperiores delectus, nemo consequatur omnis dolorum vel voluptatem? Consequuntur doloribus iusto adipisci quam eos fugiat, hic architecto. Consequatur ipsa error architecto? Deserunt id, consectetur non labore odio accusantium veritatis incidunt? Molestias velit deserunt harum, quibusdam est minus, sapiente modi.</p>
−
</p>
+
            <p>Adipisci tempore soluta, sed aperiam consequatur error dolorem, repellendus quos minima rem ex ipsum possimus maiores reiciendis quo, accusantium officia omnis! Porro quidem ullam architecto, sapiente, a consequatur ex nostrum eos culpa vitae tenetur voluptates, nobis temporibus, fuga facilis pariatur.</p>
−
</div>
+
            <p>Rerum, molestias ipsa doloremque velit distinctio laboriosam quidem ratione minima inventore. Blanditiis quaerat ipsa nobis fugit repudiandae, at repellendus itaque odit! Quibusdam ducimus exercitationem optio dolore, modi repudiandae beatae enim incidunt, saepe atque amet suscipit, aliquam placeat pariatur ipsam facilis.</p>
 +
            <p>A suscipit facilis minima fugiat ipsum provident pariatur, culpa! Quia fuga aperiam, error beatae vel dolorem velit eos incidunt ducimus animi nostrum, ipsa impedit praesentium libero voluptatem est magni doloribus! Atque illum, aut deleniti adipisci natus quas, beatae nihil sit!</p>
  
−
<div class="column two_thirds_size">
 
−
<h3>Best Model Special Prize</h3>
 
  
−
<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.  
+
          </div>
−
<br><br>
+
        </div>
−
You must also delete the message box on the top of this page to be eligible for the Best Model Prize.
+
      </div>
−
</p>
+
    </section> 
 +
    <footer class="site-footer">
 +
      <div class="container">
 +
        <div class="row pt-5">
 +
          <div class="col-md-12 text-center copyright">
 +
           
 +
            <p class="float-md-left" color=white><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
 +
This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank" class="text-primary">Colorlib</a>
 +
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
 +
            <p class="float-md-right">
 +
              <a href="https://twitter.com/2018shsu?lang=en" class="fa fa-twitter p-2"></a>
 +
              <a href="https://www.instagram.com/igem2018_shsu/" class="fa fa-instagram p-2"></a>
  
−
</div>
+
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </footer>
 +
    <!-- END footer -->
  
 +
    </div>
 +
   
 +
    <!-- loader -->
 +
    <div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#f4b214"/></svg></div>
  
−
<div class="column third_size">
+
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery-3.2.1.min.js&action=raw&ctype=text/javascript"></script>
−
<div class="highlight decoration_A_full">
+
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery-migrate-3.0.0.js&action=raw&ctype=text/javascript"></script>
−
<h3> Inspiration </h3>
+
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/popper.min.js&action=raw&ctype=text/javascript"></script>
−
<p>
+
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script>
−
Here are a few examples from previous teams:
+
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/owl.carousel.min.js&action=raw&ctype=text/javascript"></script>
−
</p>
+
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.waypoints.min.js&action=raw&ctype=text/javascript"></script>
−
<ul>
+
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.stellar.min.js&action=raw&ctype=text/javascript"></script>
−
<li><a href="https://2016.igem.org/Team:Manchester/Model">2016 Manchester</a></li>
+
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.animateNumber.min.js&action=raw&ctype=text/javascript"></script>
−
<li><a href="https://2016.igem.org/Team:TU_Delft/Model">2016 TU Delft</li>
+
   
−
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">2014 ETH Zurich</a></li>
+
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.magnific-popup.min.js&action=raw&ctype=text/javascript"></script>
−
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">2014 Waterloo</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
 +
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/main.js&action=raw&ctype=text/javascript"></script>
 +
  </body>
 
</html>
 
</html>

Revision as of 00:38, 8 October 2018

ExoBlood SHSU_China

Model

Predicting Future Results

Project

Model

Yan Luo

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus animi explicabo asperiores accusantium laborum distinctio quos, placeat eligendi nesciunt aliquid ut corrupti id sapiente libero, quod doloremque minima odit debitis minus. Sequi enim quibusdam, doloremque iste iure? Excepturi, ad, ratione!

Deleniti asperiores delectus, nemo consequatur omnis dolorum vel voluptatem? Consequuntur doloribus iusto adipisci quam eos fugiat, hic architecto. Consequatur ipsa error architecto? Deserunt id, consectetur non labore odio accusantium veritatis incidunt? Molestias velit deserunt harum, quibusdam est minus, sapiente modi.

Adipisci tempore soluta, sed aperiam consequatur error dolorem, repellendus quos minima rem ex ipsum possimus maiores reiciendis quo, accusantium officia omnis! Porro quidem ullam architecto, sapiente, a consequatur ex nostrum eos culpa vitae tenetur voluptates, nobis temporibus, fuga facilis pariatur.

Rerum, molestias ipsa doloremque velit distinctio laboriosam quidem ratione minima inventore. Blanditiis quaerat ipsa nobis fugit repudiandae, at repellendus itaque odit! Quibusdam ducimus exercitationem optio dolore, modi repudiandae beatae enim incidunt, saepe atque amet suscipit, aliquam placeat pariatur ipsam facilis.

A suscipit facilis minima fugiat ipsum provident pariatur, culpa! Quia fuga aperiam, error beatae vel dolorem velit eos incidunt ducimus animi nostrum, ipsa impedit praesentium libero voluptatem est magni doloribus! Atque illum, aut deleniti adipisci natus quas, beatae nihil sit!

This template is made with by Colorlib