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

(Prototype team page)
 
Line 1: Line 1:
{{BostonU_HW}}
+
{{Global_Menubar}}
<html>
+
{{Team:BostonU_Hardware/CSS}}
 +
<html lang="en">
 +
<head>
 +
<meta charset="utf-8" />
 +
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">
 +
<link rel="icon" type="image/png" href="assets/img/favicon.png">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  
 +
<title>Videos</title>
  
<div class="column full_size judges-will-not-evaluate">
+
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<h3>★  ALERT! </h3>
+
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</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://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
</div>
+
<div class="clear"></div>
+
  
<div class="column full_size">
+
<!-- EXTRA STYLING -->
<h1> Modeling</h1>
+
<style>
 +
.Title{
 +
color: red;
 +
}
 +
#page_background{
 +
background-image: url("https://static.igem.org/mediawiki/2017/0/04/MARS_General_Background.png");
 +
}
 +
#Header_Pic{
 +
height: 60%;
 +
}
 +
#BACKGROUND{
 +
width: 100%;
 +
position: absolute;
 +
}
 +
#MARS{
 +
width: 15%;
 +
position: absolute;
 +
margin-top: 8%;
 +
margin-left: 5%;
 +
}
 +
#TITLE{
 +
position: absolute;
 +
width: 75%;
 +
margin-left: 22%;
 +
margin-top: 11%;
 +
}
 +
.main{
 +
margin-top: 2%;
 +
}
 +
.text{
  
<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>
+
}
 +
.text_section{
  
</div>
+
}
<div class="clear"></div>
+
.center_text_section{
 +
display: table;
 +
height: 400px;
 +
overflow: hidden;
 +
}
 +
.center_text{
 +
display: table-cell;
 +
vertical-align: middle;
 +
text-align: center;
 +
}
 +
#Shane{
 +
height:50%;
 +
}
 +
</style>
  
<div class="column half_size">
+
</head>
<h3> Gold Medal Criterion #3</h3>
+
<p>
+
To complete for the gold medal criterion #3, please describe your work on this page and fill out the description on your <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>. To achieve this medal criterion, you must convince the judges that your team has gained insight into your project from modeling. You may not convince the judges if your model does not have an effect on your project design or implementation.
+
</p>
+
  
<p>
+
<body>
Please see the <a href="https://2017.igem.org/Judging/Medals"> 2017 Medals Page</a> for more information.  
+
<!-- *************THIS IS WHERE PAGE STARTS************* -->
</p>
+
<div class="landing-page">
</div>
+
<div class="wrapper" id="page_background">
 +
<div class="header" id="Header_Pic">
 +
<img src="https://static.igem.org/mediawiki/2017/0/02/MARSbackground.png" id="BACKGROUND">
 +
<img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" id="MARS">
 +
<img src="https://static.igem.org/mediawiki/2017/f/fd/MARS_FF.png" id="TITLE">
 +
</div>
 +
<div class="main main-raised">
 +
<div class="container">
 +
<h1 class="text-center">Evaluate your Chip with Fluid Functionality Checklist</h1>
 +
<div class="row">
 +
<div class="col-md-6">
 +
<h3>Summary</h3>
 +
<div class="text_section">
 +
<div class="text">
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
 +
</div>
 +
</div>
 +
<ul class="col-md-4 col-md-offset-4">
 +
<li><a href="#Qualitative">Qualitative</a></li>
 +
<li><a href="#Quantitative">Quantitative</a></li>
 +
</ul>
 +
</div>
 +
<div class="col-md-6">
 +
<img src="https://static.igem.org/mediawiki/2017/5/5f/LysisFlow.png" alt="Picture" id="Shane">
 +
</div>
 +
</div>
 +
</div>
  
<div class="column half_size">
+
<div class="main main-raised" id="Qualitative">
<h3>Best Model Special Prize</h3>
+
</div>
  
<p>
+
<div class="main main-raised" id="Quantitative">
To compete for the <a href="https://2017.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://2017.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>
+
You must also delete the message box on the top of this page to be eligible for the Best Model Prize.
+
</p>
+
  
 +
</div>
 +
  </div>
 
</div>
 
</div>
<div class="clear"></div>
+
</body>
  
<div class="column full_size">
+
</html>
<h5> Inspiration </h5>
+
<p>
+
Here are a few examples from previous teams:
+
</p>
+
<ul>
+
<li><a href="https://2016.igem.org/Team:Manchester/Model">Manchester 2016</a></li>
+
<li><a href="https://2016.igem.org/Team:TU_Delft/Model">TU Delft 2016  </li>
+
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
+
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
+
</ul>
+
  
 
+
{{Team:BostonU_Hardware/Javascript}}
</div>
+
 
+
</html>
+

Revision as of 21:24, 28 October 2017

BostonU_HW

Videos

Evaluate your Chip with Fluid Functionality Checklist

Summary

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
Picture