Difference between revisions of "Team:UM Macau/Model"

(Prototype team page)
 
 
(24 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{UM_Macau}}
+
{{UM_Macau/WikiStripDown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar}}
 +
 
 +
 
 
<html>
 
<html>
 +
<head>
  
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,700,800&display=swap" rel="stylesheet">
 +
  <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,700i,900,900i&display=swap" rel="stylesheet">
  
 +
</head>
  
−
<div class="column full_size judges-will-not-evaluate">
+
<style>
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2019.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2019.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://2019.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
  
 +
#globalWrapper{
 +
padding-bottom: 0px;
 +
}
  
−
<div class="clear"></div>
+
/* Text Syling*/
 +
#HQ_page .landing-text h1{
 +
  font-size: 650%;
 +
  font-weight: 500;
 +
  color: white;
 +
  font-family:"Poppins";
 +
}
  
 +
#HQ_page .pagecontainer h1{
 +
  padding-bottom: 2%;
 +
  font-size: 2.3rem;
 +
  font-family:"Poppins";
 +
  font-weight: 500;
 +
}
  
−
<div class="column full_size">
+
#HQ_page .pagecontainer h5{
−
<h1> Modeling</h1>
+
  font-size: 1.3rem;
 +
  font-weight: 500;
 +
  font-family: "Poppins";
 +
}
  
−
<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>
+
#HQ_page .pagecontainer h6{
 +
  font-size: 1.2rem;
 +
  font-family: "Lato";
 +
}
  
 +
 +
/*Team Cover*/
 +
html,body{
 +
  height: 100%;
 +
  width: 100%;
 +
  scroll-behavior: smooth;
 +
  overflow-x:visible;
 +
}
 +
 +
#pagecover{
 +
  background: url(https://static.igem.org/mediawiki/2019/b/b1/T--UM_Macau--coverphoto5.jpeg) no-repeat center fixed;
 +
  display: table;
 +
  height: 100vh;
 +
  position: relative;
 +
  width: 100%;
 +
  background-size: cover;
 +
  text-align: center;
 +
}
 +
 +
.landing-text{
 +
  display: table-cell;
 +
  text-align: center;
 +
  vertical-align: middle;
 +
}
 +
 +
/*for scroll down arrow*/
 +
.arrow{
 +
  position: absolute;
 +
  bottom: 10%;
 +
  width: 100%;
 +
  cursor: pointer;
 +
  transition: 0.4s;
 +
  text-align: center;
 +
}
 +
 +
.arrow img{
 +
  width: 7%;
 +
}
 +
 +
.arrow:hover{
 +
  padding-bottom: 18px;
 +
}
 +
 +
/*Team Container Styling*/
 +
.pagecontainer{
 +
  padding: 10%;
 +
}
 +
 +
 +
 +
.sectionpadding{
 +
  padding-left: 5%;
 +
  padding-right: 5%;
 +
  padding-bottom: 12%;
 +
}
 +
 +
.hrcolor{
 +
  border: 0;
 +
  height: 1.5px;
 +
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
 +
  margin-top: 5%;
 +
  margin-bottom: 7%;
 +
}
 +
 +
/*footer styling*/
 +
 +
.footerall{
 +
  padding-right:20px;
 +
  padding-left: 20px;
 +
}
 +
 +
footer{
 +
  width: 100%;
 +
  background-color:#131111;
 +
  padding-top: 50px;
 +
  padding-bottom: 50px;
 +
  padding-left: 5%;
 +
  padding-right: 5%;
 +
  color: #fff;
 +
  bottom: 0;
 +
  left: 0;
 +
}
 +
 +
footer h4{
 +
  font-size: 1.3rem;
 +
  font-family: "Lato";
 +
  font-weight: 400;
 +
  color: #fff;
 +
}
 +
 +
footer h5{
 +
  font-size: 1.2rem;
 +
  font-family:"Lato";
 +
  font-weight: 300;
 +
  color: #fff;
 +
}
 +
 +
footer h6{
 +
  font-size: 1rem;
 +
  font-family:"Lato";
 +
  font-weight: 300;
 +
  color: #fff;
 +
}
 +
 +
.logo{
 +
  text-align: center;
 +
}
 +
 +
.contact{
 +
  border-right: 0.8px solid #fff;
 +
  border-left: 0.8px solid #fff;
 +
  padding-left: 25px;
 +
  height: 220px;
 +
}
 +
 +
.social{
 +
  padding-right: 10px;
 +
  width: 32px;
 +
  cursor: pointer;
 +
  transition: 0.4s;
 +
}
 +
 +
.social:hover{
 +
  opacity: 0.4;
 +
}
 +
 +
.sponsor{
 +
  padding-left: 50px;
 +
  padding-right: 50px;
 +
}
 +
 +
.sponsor img{
 +
  vertical-align: middle;
 +
  margin-top: 8px;
 +
}
 +
 +
hr{
 +
    border: 0;
 +
    height: 0.8px;
 +
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
 +
}
 +
 +
 +
/*for media styling*/
 +
@media (max-width: 768px) {
 +
#HQ_page .landing-text h1{
 +
  font-size: 200%;
 +
  font-weight: 500;
 +
  color: white;
 +
  font-family:"Poppins";
 +
}
 +
.arrow img{
 +
width: 15%;
 +
}
 +
}
 +
 +
</style>
 +
</head>
 +
 +
<body>
 +
 +
 +
<!--Team Cover-->
 +
<div id="pagecover">
 +
  <div class="landing-text">
 +
    <h1>Modeling</h1>
 +
    <div class="arrow text-center" >
 +
      <a href="#pagestart"><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/36/T--UM_Macau--homepicdownarrow.png"></a>
 +
    </div>
 +
  </div>
 
</div>
 
</div>
−
<div class="clear"></div>
+
<!--End of Team Cover-->
  
−
<div class="column full_size">
 
−
<h3> Gold Medal Criterion #3</h3>
 
−
<p>
 
−
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>
 
  
 +
 +
 +
<!--Team Container-->
 +
 +
 +
<div  id="pagestart" class="pagecontainer">
 +
  <div>
 +
    <h1 style="font-weight:600;">Overview</h1>
 +
  </div>
 +
<div id="epetext">
 +
<h6>The modeling is separated into 2 parts: </h6>
 +
<ul><h6>- Predict how long time would the SANCE take to capture all nanoparticle in both experiment and real condition. </h6></ul>
 +
<ul><h6>- Simulating real condition with different parameters for the potential developers to design suitable tank used in wastewater treatment plant to optimize the real application of SANCE.</h6></ul>
 
</div>
 
</div>
  
−
<div class="column two_thirds_size">
 
−
<h3>Best Model Special Prize</h3>
 
  
−
<p>
+
<hr class="hrcolor">
−
To compete for the <a href="https://2019.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://2019.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.
+
−
<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 class="row" >
 +
  <div class="container-fluid" style="text-align: center">
 +
    <embed src="https://static.igem.org/mediawiki/2019/a/af/T--UM_Macau--modelfile.pdf" width="800px" height="2100px">
 +
  </div>
 
</div>
 
</div>
  
 +
<hr class="hrcolor">
  
−
<div class="column third_size">
 
−
<div class="highlight decoration_A_full">
 
−
<h3> Inspiration </h3>
 
−
<p>
 
−
Here are a few examples from previous teams:
 
−
</p>
 
−
<ul>
 
−
<li><a href="https://2018.igem.org/Team:GreatBay_China/Model">2018 GreatBay China</a></li>
 
−
<li><a href="https://2018.igem.org/Team:Leiden/Model">2018 Leiden</a></li>
 
−
<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>
 
−
<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>
 
−
</ul>
 
 
</div>
 
</div>
 +
 +
<!--Title-->
 +
 +
 +
<!--Students Section & Lightbox Images-->
 +
  <section class="sectionpadding">
 +
  </section>
 
</div>
 
</div>
  
 +
<!--Footer-->
 +
<footer class="footerall container-fluid">
 +
  <div class="row align-items-center">
 +
    <div class="logo col-sm-6 col-lg-3">
 +
      <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/9/96/T--UM_Macau--homepicigem.png" style="width:200px">
 +
    </div>
 +
    <div class="contact col-sm-6 col-lg-3">
 +
      <h4>CONTACT US</h4>
 +
      <h5>umac.igem@gmail.com</h5>
 +
      <br>
 +
      <h4>FOLLOW US</h4>
 +
        <a href="https://www.facebook.com/igemumac2019/"><img class="img-fluid social" src="https://static.igem.org/mediawiki/2019/8/80/T--UM_Macau--homepicfb.png"></a>
 +
        <a href="https://www.instagram.com/igem_ummacau/"><img class="img-fluid social" src="https://static.igem.org/mediawiki/2019/d/da/T--UM_Macau--homepicinsta.png"></a>
 +
      </div>
 +
 +
    <div class="sponsor col-sm-12 col-lg-6">
 +
      <div class="row align-items-center">
 +
        <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/3b/T--UM_Macau--homepicum.png" style="width:100%"></div>
 +
        <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/5/5e/T--UM_Macau--homepicfhs.png" style="width:100%  "></div>
 +
        <div class="col-sm-4 "></div>
 +
      </div>
 +
      <div class="row align-items-center">
 +
        <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/c/c4/T--UM_Macau--homepicidt.png" style="width:100%"></div>
 +
        <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/a/aa/T--UM_Macau--homepictwist.png" style="width:100%"></div>
 +
        <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/8/8a/T--UM_Macau--homepiclumicks.png" style="width:100%"></div>
 +
      </div>
 +
      <div class="row align-items-center">
 +
        <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/9/9c/T--UM_Macau--homepicdiagon.png" style="width:100%"></div>
 +
        <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/4/43/T--UM_Macau--homepicgjb.png" style="width:100%"></div>
 +
        <div class="col-sm-4"></div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <hr>
 +
  <div>
 +
    <div class="row">
 +
    <div class="col-sm-12 text-center">
 +
      <h6>iGEM 2019 UM_Macau</h6>
 +
    </div>
 +
    </div>
 +
  </div>
 +
</footer>
 +
 +
</body>
 
</html>
 
</html>

Latest revision as of 01:16, 22 October 2019


Modeling

Overview

The modeling is separated into 2 parts:
    - Predict how long time would the SANCE take to capture all nanoparticle in both experiment and real condition.
    - Simulating real condition with different parameters for the potential developers to design suitable tank used in wastewater treatment plant to optimize the real application of SANCE.

CONTACT US

umac.igem@gmail.com

FOLLOW US

iGEM 2019 UM_Macau