Difference between revisions of "Team:BostonU HW/Model"

(Prototype team page)
 
Line 1: Line 1:
−
{{BostonU_HW}}
+
{{BostonU_HW/CSS}}
 +
{{BostonU_HW/Nav_Bar}}
 
<html>
 
<html>
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
  <meta name="description" content="Start your development with a Design System for Bootstrap 4.">
 +
  <meta name="author" content="Creative Tim">
 +
  <title>Argon Design System - Free Design System for Bootstrap 4</title>
 +
  <script src="https://2018.igem.org/Template:BostonU_HW/JS_jquery?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2018.igem.org/Template:BostonU_HW/JS_bootstrap_min?action=raw&ctype=text/javascript" type="text/javascript"></script>
  
 +
<!-- /* ADJUSTS DEFAULT iGEM CONTENT */-->
  
 +
<style type="text/css">
 +
.logo_2018, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
 +
    display: none;
 +
}
 +
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 +
    background-color: transparent;
 +
}
 +
/* ADJUSTS DEFAULT iGEM CONTENT */
  
−
<div class="column full_size judges-will-not-evaluate">
+
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
−
<h3>★  ALERT! </h3>
+
    display: none;
−
<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>
+
}
−
<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>
+
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
−
</div>
+
    background-color: transparent;
−
 
+
}
−
 
+
body, html, #globalWrapper, #bodyContent, #HQ_page {
−
<div class="clear"></div>
+
width: 100%;
−
 
+
margin: 0;
−
 
+
padding: 0;
−
<div class="column full_size">
+
height: 100%;
−
<h1> Modeling</h1>
+
}
−
 
+
#content {
−
<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>
+
width: 100%;
−
 
+
margin: 0;
−
</div>
+
margin-top: -33px;
−
<div class="clear"></div>
+
padding: 0;
−
 
+
height: 100%;
−
<div class="column full_size">
+
}
−
<h3> Gold Medal Criterion #3</h3>
+
html {
−
<p>
+
-webkit-font-smoothing: antialiased;
−
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>
+
#logo{
−
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.
+
height:100%;
−
</p>
+
width:100%;
−
 
+
margin-top: 2%;
−
<p>
+
}
−
Please see the <a href="https://2018.igem.org/Judging/Medals"> 2018
+
</style>
−
Medals Page</a> for more information.
+
</head>
−
</p>
+
<body>
−
</div>
+
  <main>
−
 
+
    <section class="section-profile-cover section-shaped my-0">
−
<div class="column two_thirds_size">
+
      <div class="shape shape-style-1 shape-default shape-skew alpha-4"></div>
−
<h3>Best Model Special Prize</h3>
+
      <div class="container">
−
 
+
        <div class="row justify-content-center">
−
<p>
+
          <div class="col-lg-4 pt-5">
−
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.
+
          <img src="https://static.igem.org/mediawiki/2018/c/c9/T--BostonU_HW--TERRA_logo.png" style="width: 250px;" class="img-fluid">
−
<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 class="col-lg-8 pt-lg">
−
</p>
+
            <h1 class="display-1">Modeling</h1>
−
 
+
          </div>
−
</div>
+
        </div>
−
 
+
      </div>
−
 
+
    </section>
−
<div class="column third_size">
+
    <section class="section section-skew">
−
<div class="highlight decoration_A_full">
+
      <div class="container">
−
<h3> Inspiration </h3>
+
        <div class="card card-profile shadow mt--300 px-4 pt-3">
−
<p>
+
          <div class="row justify-content-center">
−
Here are a few examples from previous teams:
+
            <div class="col-lg-12 px-4 pt-3">
−
</p>
+
              <!-- Cards -->
−
<ul>
+
              <div class="nav-wrapper">
−
<li><a href="https://2016.igem.org/Team:Manchester/Model">2016 Manchester</a></li>
+
                <ul class="nav nav-pills nav-fill flex-column flex-lg-row ml-0" id="tabs-icons-text" role="tablist">
−
<li><a href="https://2016.igem.org/Team:TU_Delft/Model">2016 TU Delft</li>
+
                  <li class="nav-item">
−
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">2014 ETH Zurich</a></li>
+
                    <a class="nav-link mb-sm-3 mb-md-0 active" id="tabs-icons-text-1-tab" data-toggle="tab" href="#tabs-icons-text-1" role="tab" aria-controls="tabs-icons-text-1" aria-selected="true"><i class="ni ni-cloud-upload-96 mr-2"></i>Droplet Analysis</a>
−
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">2014 Waterloo</a></li>
+
                  </li>
−
</ul>
+
                  <li class="nav-item">
−
</div>
+
                    <a class="nav-link mb-sm-3 mb-md-0" id="tabs-icons-text-2-tab" data-toggle="tab" href="#tabs-icons-text-2" role="tab" aria-controls="tabs-icons-text-2" aria-selected="false"><i class="ni ni-cloud-upload-96 mr-2"></i>XY-Plane</a>
−
</div>
+
                  </li>
−
 
+
                  <li class="nav-item">
 +
                    <a class="nav-link mb-sm-3 mb-md-0" id="tabs-icons-text-3-tab" data-toggle="tab" href="#tabs-icons-text-3" role="tab" aria-controls="tabs-icons-text-3" aria-selected="false"><i class="ni ni-cloud-upload-96 mr-2"></i>Syringe Pumps</a>
 +
                  </li>
 +
                </ul>
 +
              </div>
 +
              <!-- Cards Corresponding to Tabs -->
 +
              <div class="card shadow">
 +
                <div class="card-body">
 +
                  <div class="tab-content" id="myTabContent">
 +
                    <!-- Bronze -->
 +
                    <div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
 +
                      <h2 class=display-3>Registration and Giant Jamboree Attendance</p></h2>
 +
                      <div class= "text">
 +
                        We're excited to attend the Giant Jamboree in October!
 +
                      </div>
 +
                      <br>
 +
                    </div>
 +
                    <!-- Silver -->
 +
                    <div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
 +
                      <h2 class=display-3>XY-Plane</p></h2>
 +
                      <div class= "text">
 +
                        --- </p>
 +
                        <br>
 +
                      </div>
 +
                    </div>
 +
                    <!-- Gold -->
 +
                    <div class="tab-pane fade" id="tabs-icons-text-3" role="tabpanel" aria-labelledby="tabs-icons-text-3-tab">
 +
                      <h2 class=display-3>Syringe Pumps</p></h2>
 +
                      <div class= "text">
 +
                        Throughout our iGEM project, we have interacted with various industry partners and companies, who have provided us with invaluable feedback. We have integrated components from our human practices, resulting in improvements and modifications to our system, TERRA.</p>
 +
                        Learn more about our human practices here:
 +
                        <a href="https://2018.igem.org/Team:BostonU_HW/Human_Practices">
 +
                          <button class="btn btn-default btn-sm ml-2">Human Practices</button>
 +
                        </a>
 +
                      </div>
 +
                      <br>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <br>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
  </main>
 +
</body>
 
</html>
 
</html>
 +
{{BostonU_HW/Javascript}}

Revision as of 13:01, 10 September 2018

Argon Design System - Free Design System for Bootstrap 4

Argon Design System - Free Design System for Bootstrap 4

Modeling

Registration and Giant Jamboree Attendance

We're excited to attend the Giant Jamboree in October!

XY-Plane

---


Syringe Pumps

Throughout our iGEM project, we have interacted with various industry partners and companies, who have provided us with invaluable feedback. We have integrated components from our human practices, resulting in improvements and modifications to our system, TERRA.

Learn more about our human practices here: