Difference between revisions of "Team:BostonU/Model"

Line 1: Line 1:
 
{{BostonU}}
 
{{BostonU}}
 +
 +
{{BU17_template_global}}
 +
{{BU17_template_menubar}}
 
<html>
 
<html>
−
 
+
<head>
−
 
+
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
−
<div class="clear"></div>
+
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:400,900" rel="stylesheet">  
−
 
+
<style>
−
<div class="column full_size">
+
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
−
<h1> Modeling</h1>
+
color: #a9a9a9 !important;
−
 
+
}
−
<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>
+
.menu-type {
−
 
+
font-family: 'Roboto Condensed', sans-serif;
−
</div>
+
letter-spacing: 5 pt !important;
−
<div class="clear"></div>
+
font-size: 14pt !important;
−
 
+
text-align: center;
−
<div class="column half_size">
+
text-decoration: none !important;
−
<h3> Gold Medal Criterion #3</h3>
+
text-transform: uppercase;
−
<p>
+
font-weight: 700;
−
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.  
+
-webkit-font-smoothing: antialiased;
−
</p>
+
font-smoothing: antialiased;
−
 
+
}
−
<p>
+
.wide-heading-type {
−
Please see the <a href="https://2017.igem.org/Judging/Medals"> 2017 Medals Page</a> for more information.  
+
font-family: 'Roboto', sans-serif;
−
</p>
+
font-size: 24pt !important;
−
</div>
+
letter-spacing: 5pt !important;
−
 
+
text-align: center;
−
<div class="column half_size">
+
text-decoration: none !important;
−
<h3>Best Model Special Prize</h3>
+
text-transform: uppercase;
−
 
+
font-weight: bold;
−
<p>
+
-webkit-font-smoothing: antialiased;
−
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.  
+
font-smoothing: antialiased;
−
<br><br>
+
}
−
You must also delete the message box on the top of this page to be eligible for the Best Model Prize.
+
.body-type {
−
</p>
+
font-family: 'Roboto', sans-serif;
−
 
+
font-size: 16pt !important;
−
</div>
+
text-decoration: none !important;
−
<div class="clear"></div>
+
line-height: 2;
−
 
+
-webkit-font-smoothing: antialiased;
−
<div class="column full_size">
+
font-smoothing: antialiased;
−
<h5> Inspiration </h5>
+
}
−
<p>
+
.caption-type {
−
Here are a few examples from previous teams:
+
font-family: 'Roboto', sans-serif;
−
</p>
+
font-size: 18pt !important;
−
<ul>
+
text-decoration: none !important;
−
<li><a href="https://2016.igem.org/Team:Manchester/Model">Manchester 2016</a></li>
+
-webkit-font-smoothing: antialiased;
−
<li><a href="https://2016.igem.org/Team:TU_Delft/Model">TU Delft 2016  </li>
+
font-smoothing: antialiased;
−
<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>
+
.inline-heading-type {
−
</ul>
+
font-family: 'Roboto', sans-serif !important;
−
 
+
font-size: 20pt !important;
−
 
+
font-weight: bold !important;
−
</div>
+
text-decoration: none !important;
 +
line-height: 2 pt !important;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.float-left {
 +
float: left !important;
 +
}
 +
.float-right {
 +
float: right !important;
 +
}
 +
.align-right {
 +
text-align: right !important;
 +
}
 +
.align-center {
 +
text-align: center !important;
 +
}
 +
.indented {
 +
text-indent: 80px;
 +
}
 +
.mainwrap {
 +
width: 90%;
 +
max-width: 960px;
 +
min-width: 360px;
 +
margin: 0 auto;
 +
top:0;
 +
display: none;
 +
}
 +
body {
 +
background-image: url("https://static.igem.org/mediawiki/2017/c/c1/T--BostonU--seaport.png");
 +
background-repeat: no-repeat;
 +
    background-attachment: fixed;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
}
 +
#backgroundimage1 {
 +
margin-top: -85px;
 +
background-image: url("#");
 +
background-repeat: no-repeat;
 +
    background-attachment: cover;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
height: 360px;
 +
width: 100%;
 +
align-content:center;
 +
text-align:center
 +
vertical-align:middle;
 +
}
 +
#backgroundimage1 p {
 +
top: 40%;
 +
color: #8C181B;
 +
position: relative;
 +
}
 +
.background-gradient-down {
 +
height: 360px;
 +
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+100&0+0,1+100 */
 +
background: -moz-linear-gradient(top, rgba(239,239,238,0) 0%, rgba(239,239,238,1) 100%); /* FF3.6-15 */
 +
background: -webkit-linear-gradient(top, rgba(239,239,238,0) 0%,rgba(239,239,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
 +
background: linear-gradient(to bottom, rgba(239,239,238,0) 0%,rgba(239,239,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefee', endColorstr='#efefee',GradientType=0 ); /* IE6-9 */
 +
}
 +
.background-gradient-up {
 +
height: 360px;
 +
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+100&1+0,0+100 */
 +
background: -moz-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 100%); /* FF3.6-15 */
 +
background: -webkit-linear-gradient(top, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 100%); /* Chrome10-25,Safari5.1-6 */
 +
background: linear-gradient(to bottom, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#00efefee',GradientType=0 ); /* IE6-9 */
 +
}
 +
.background-gradient-both {
 +
height: 360px;
 +
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+50,efefee+100&1+0,0+50,1+100 */
 +
background: -moz-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 50%, rgba(239,239,238,1) 100%); /* FF3.6-15 */
 +
background: -webkit-linear-gradient(top, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 50%,rgba(239,239,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
 +
background: linear-gradient(to bottom, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 50%,rgba(239,239,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#efefee',GradientType=0 ); /* IE6-9 */
 +
}
 +
#panel1 {
 +
background: #EFEFEE;
 +
width: 100%;
 +
color: #1d1d1d;
 +
z-index: 1;
 +
}
 +
#backgroundimage2 {
 +
background-image: url("#");
 +
background-repeat: no-repeat;
 +
    background-attachment: cover;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
height: 360px;
 +
width: 100%;
 +
position: relative;
 +
}
 +
#backgroundimage2 p {
 +
top: 40%;
 +
color: #8C181B;
 +
}
 +
#protocol-accordion .ui-accordion-content  {
 +
background: #FFFFFF;
 +
color: #A9A9A9;
 +
border-radius: 20px;
 +
}
 +
#protocol-accordion .ui-accordion-content > * {
 +
  margin: 0;
 +
  padding: 40px;
 +
}
 +
.link-slideup {
 +
position: relative;
 +
overflow: hidden;
 +
-webkit-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
}
 +
.link-slideup a {
 +
position: relative;
 +
display: inline-block;
 +
outline: none;
 +
color: #D45B5C;
 +
vertical-align: bottom;
 +
text-decoration: none;
 +
white-space: nowrap;
 +
}
 +
.link-slideup a::before, .link-slideup a::after {
 +
pointer-events: none;
 +
-webkit-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
}
 +
.link-slideup a {
 +
overflow: hidden;
 +
font-weight: 500;
 +
}
 +
.link-slideup a::before {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
z-index: -1;
 +
width: 100%;
 +
height: 100%;
 +
background-color: #A9A9A9;
 +
opacity: 1;
 +
content: '';
 +
-webkit-transition: -webkit-transform 0.2s;
 +
transition: transform 0.2s;
 +
-webkit-transform: translateY(95%);
 +
transform: translateY(95%);
 +
opacity: 0.3;
 +
}
 +
.link-slideup a:hover::before, .link-slideup a:focus::before {
 +
-webkit-transform: translateY(0);
 +
transform: translateY(0);
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div id="backgroundimage1"><div class="background-gradient-down">
 +
  <p class="wide-heading-type mainwrap align-center">ATTRIBUTIONS</p>
 +
</div></div>
 +
<div id="panel1" class="link-slideup">
 +
  <p class="body-type mainwrap">The 2017 BostonU iGEM team would like to thank the following people that made our project possible:</p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  <p class="body-type mainwrap">Firstly, thank you to our mentors Alan Pacheco and Matthew Brenner for assisting in brainstorming our project starting in February, and providing support with laboratory training, difficult techniques, and general project support.</p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
  
 
</html>
 
</html>

Revision as of 15:01, 29 October 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

BostonU

ATTRIBUTIONS