Difference between revisions of "Team:Manchester/Achievement"

 
(149 intermediate revisions by 4 users not shown)
Line 10: Line 10:
 
   overflow-x: hidden
 
   overflow-x: hidden
 
}
 
}
 
  
 
h4 {
 
h4 {
Line 22: Line 21:
 
.panelbox {
 
.panelbox {
 
     display: block;
 
     display: block;
     min-height: 50vh;
+
     min-height: 600px;
     border: 1px solid #777;
+
     border: 1px solid #aaa;
     margin: 20px 20px;
+
    max-width: 500px;
 +
     margin: 15px auto;
 
     border-radius: 10%;
 
     border-radius: 10%;
 
     overflow-x: hidden;
 
     overflow-x: hidden;
Line 39: Line 39:
 
   margin-top: 50px!important;
 
   margin-top: 50px!important;
 
   padding-top: 10vh;
 
   padding-top: 10vh;
   height: 100vh;
+
   height: 30vh;
   background: #fff;
+
   background: transparent;
 
   background-size: cover
 
   background-size: cover
 +
}
 +
 +
.border {
 +
  background-color: #c4c4c4;
 +
  color: #fff;
 +
  padding: 18px;
 +
  letter-spacing: 10px;
 +
  opacity: 1
 
}
 
}
  
Line 52: Line 60:
 
}
 
}
  
@media (min-width: 600px) {
+
@media (min-width: 1200px) {
  
 
.col-md-4 {
 
.col-md-4 {
    width: 49.99%
+
  width : 33%;
 +
  float: left;
 +
}
 +
 
 +
.col-md-6 {
 +
  width : 33%;
 +
}
 +
 
 +
}
 +
 
 +
@media (max-width: 1200px) and (min-width: 768px) {
 +
 
 +
.col-md-4 {
 +
  width : 50%;
 +
  float: left;
 +
}
 +
 
 +
.col-md-6 {
 +
  width : 50%;
 +
  float: left;
 +
}
 +
 
 +
}
 +
 
 +
@media (max-width: 768px) {
 +
 
 +
.col-md-4 {
 +
  width : 100%
 +
}
 +
 
 +
.col-md-6 {
 +
  width : 100%
 
}
 
}
  
Line 66: Line 105:
 
<body>
 
<body>
  
<div class="clear sectionfirst">
+
<div class="clear" style="background-color: #fbf9f8!important">
  <h4 style="margin-top: 20vh">Achievement</h4>
+
 
 +
<div class="clear col-md-12 sectionfirst" style="background-color: #fbf9f8!important">
 +
<h2 class="border" style="text-align: center; color: #ffffff">Achievement</h2>
 +
<br><br><br><br>
 
</div>
 
</div>
  
<div class="col-md-4">
+
<div class="col-md-4" style="background-color: #fbf9f8!important">
 
<div class="panelbox">
 
<div class="panelbox">
<div style="text-align: center; padding: 5px"> <h4>MEDAL CRITERIA</h4>
+
<div style="text-align: center; padding: 10px"> <h4>MEDAL CRITERIA</h4>
<p>
+
<br>
This is a list of iGEM's requirements for the bronze, silver and gold medals. We have made it clear which of these criteria we have met in our project. Click to see the requirements of each medals and what we have achieved.
+
<p>A list of iGEM's requirements for the bronze, silver and gold medals. We have made it clear which of these criteria we have met in our project.</p>
</p>
+
<br><br><br>
 +
<p><i>Click the icon to see what we have achieved!</i><br><br></p>
 +
 
 
</div>
 
</div>
 
<div style="text-align: center; padding: 10px">
 
<div style="text-align: center; padding: 10px">
<a target="_blank" href="https://2017.igem.org/Team:Manchester/Medals"><img src="https://static.igem.org/mediawiki/2017/8/82/T--Manchester--Medal3.jpg" width="200px"></a>
+
<a target="_blank" href="https://2017.igem.org/Team:Manchester/Medals"><img src="https://static.igem.org/mediawiki/2017/3/3d/T--Manchester--MedalMedal.jpg" height="250px"></a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
  
<div class="col-md-4">
+
<div class="col-md-4" style="background-color: #fbf9f8!important">
 
<div class="panelbox">
 
<div class="panelbox">
<div style="text-align: center; padding: 5px"> <h4>COLLABORATIONS</h4>
+
<div style="text-align: center; padding: 10px"> <h4>PARTS</h4>
<p>
+
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauri.
+
<p>A comprehensive list of the various BioBricks we have developed. We have listed them by their part name with links to the registry, which provides more in-depth information about each BioBrick.</p>
</p>
+
<br><br>
 +
<p><i>Click the icon to find out more about our BioBricks!</i><br><br></p>
 +
 
 
</div>
 
</div>
 
<div style="text-align: center; padding: 10px">
 
<div style="text-align: center; padding: 10px">
<a target="_blank" href="https://2017.igem.org/Team:Manchester/Medals"><img src="https://static.igem.org/mediawiki/2017/8/82/T--Manchester--Medal3.jpg" width="200px"></a>
+
<a target="_blank" href="https://2017.igem.org/Team:Manchester/Parts"><img src="https://static.igem.org/mediawiki/2017/9/96/T--Manchester--PartsMedal.jpg" height="250px"></a>
 +
<br>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
  
<div class="col-md-4">
+
<div class="col-md-4" style="background-color: #fbf9f8!important">
 
<div class="panelbox">
 
<div class="panelbox">
<div style="text-align: center; padding: 5px"> <h4>PARTS</h4>
+
<div style="text-align: center; padding: 10px"> <h4>INTERLAB</h4>
<p>
+
<br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauri.
+
<p>Manchester iGEM 2017 is proud to have taken part in the InterLab study for the first time. We hope our participation will benefit other teams and the synthetic biology community as a whole.</p>
</p>
+
<br><br>
 +
<p><i>Click the icon to see our results for the InterLab!</i><br><br></p>
 +
 
 
</div>
 
</div>
 
<div style="text-align: center; padding: 10px">
 
<div style="text-align: center; padding: 10px">
<a target="_blank" href="https://2017.igem.org/Team:Manchester/Medals"><img src="https://static.igem.org/mediawiki/2017/8/82/T--Manchester--Medal3.jpg" width="200px"></a>
+
<a target="_blank" href="https://2017.igem.org/Team:Manchester/InterLab"><img src="https://static.igem.org/mediawiki/2017/4/44/T--Manchester--Interlabmedall17yay.jpg" height="250px"></a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
  
<div class="col-md-4">
+
<div class="col-md-4" style="background-color: #fbf9f8!important">
 
<div class="panelbox">
 
<div class="panelbox">
<div style="text-align: center; padding: 5px"> <h4>AWARD 1</h4>
+
<div style="text-align: center; padding: 10px"> <h4>HUMAN PRACTICES</h4>
<p>
+
<br>
 +
<p>We consulted experts in the water industry and gained insights into innovation management. In addition, exploration on intellectual property, scale-up and legislation all informed our business plan.</p>
 +
<br>
 +
<p><i>Click the icon to see how we integrated them into our project!</i><br><br></p>
 +
</div>
 +
<div style="text-align: center; padding: 10px">
 +
<a target="_blank" href="https://2017.igem.org/Team:Manchester/HP/Gold_Integrated"><img src="https://static.igem.org/mediawiki/2017/5/56/T--Manchester--HPMedal17.jpg" height="250px"></a>
 +
<br>
 +
</div>
 +
</div>
 +
</div>
  
</p>
+
<div class="col-md-4" style="background-color: #fbf9f8!important">
 +
<div class="panelbox">
 +
<div style="text-align: center; padding: 10px"> <h4>MODELLING</h4>
 +
<br>
 +
<p>Three modelling approaches were used to inform different parts of our project: modelling a continuous culture system for cost estimation, ensemble modelling and Design of Experiments.</p>
 +
<br>
 +
<p><i>Click the icon to find more details about our modelling!</i><br><br></p>
 +
</div>
 +
<div style="text-align: center; padding: 10px">
 +
<a target="_blank" href="https://2017.igem.org/Team:Manchester/Model"><img src="https://static.igem.org/mediawiki/2017/9/99/T--Manchester--ModelMedal.jpg" height="250px"></a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
  
<div class="col-md-4">
+
<div class="col-md-4" style="background-color: #fbf9f8!important">
 
<div class="panelbox">
 
<div class="panelbox">
<div style="text-align: center; padding: 5px"> <h4>AWARD 2</h4>
+
<div style="text-align: center; padding: 10px"> <h4>ENTERPRISE</h4>
<p>
+
<br>
 +
<p>A business plan was developed from each different components of our project. A customer and competitor analysis was conducted to evaluate the attractiveness of Phosphostore in the market.</p>
 +
<br>
 +
<p><i>Click the icon to see how Phosphostore can be implemented!</i><br><br></p>
 +
</div>
 +
<div style="text-align: center; padding: 10px">
 +
<a target="_blank" href="https://2017.igem.org/Team:Manchester/Entrepreneurship"><img src="https://static.igem.org/mediawiki/2017/1/1f/T--Manchester--BusinessMedal17.jpg" height="250px"></a>
 +
</div>
 +
</div>
 +
</div>
  
</p>
+
 
 +
 
 +
<div class="col-md-4" style="background-color: #fbf9f8!important">
 +
<div class="panelbox">
 +
<div style="text-align: center; padding: 10px"> <h4>MEASUREMENT</h4>
 +
<br>
 +
<p>Design of Experiments (DoE) is a computational statistical method that was used in the characterization of our parts.</p>
 +
<br>
 +
<p><i>Click the icon to learn more about DoE!</i><br><br></p>
 +
</div>
 +
<div style="text-align: center; padding: 10px">
 +
<a target="_blank" href="https://2017.igem.org/Team:Manchester/Measurement"><img src="https://static.igem.org/mediawiki/2017/9/90/T--Manchester--Measuremenet17.jpg" height="250px"></a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
  
<div class="col-md-4">
+
<div class="col-md-4" style="background-color: #fbf9f8!important">
 
<div class="panelbox">
 
<div class="panelbox">
<div style="text-align: center; padding: 5px"> <h4>AWARD 3</h4>
+
<div style="text-align: center; padding: 10px"> <h4>PUBLIC ENGAGEMENT</h4>
<p>
+
<br>
 +
<p>We promoted synthetic biology and our project in a variety of media: public stands, blog/magazine and one-minute video clips</p>
 +
<br>
 +
<p><i>Click the icon to check them all out!</i><br><br></p>
 +
</div>
 +
<div style="text-align: center; padding: 10px">
 +
<a target="_blank" href="https://2017.igem.org/Team:Manchester/Engagement"><img src="https://static.igem.org/mediawiki/2017/e/e3/T--Manchester--EngagmentMedal17.jpg" height="250px"></a>
 +
</div>
 +
</div>
 +
</div>
  
</p>
+
<div class="col-md-4" style="background-color: #fbf9f8!important">
 +
<div class="panelbox">
 +
<div style="text-align: center; padding: 10px"> <h4>COLLABORATIONS</h4>
 +
<br>
 +
<p>10 iGEM Teams from five continents around the globe participated in our international GMO Legislation collaboration.</p>
 +
<br>
 +
<p><i>Click the icon to learn legislation in other countries!</i><br><br></p>
 +
</div>
 +
<div style="text-align: center; padding: 10px">
 +
<a target="_blank" href="https://2017.igem.org/Team:Manchester/Collaborations"><img src="https://static.igem.org/mediawiki/2017/d/d9/T--Manchester--Collaboration17globaaallmedall.jpg" height="250px"></a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
  
<div class="col-md-12" style="padding-top: 30px"></div>
+
<div class="clear">
 +
<br><br>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div class="plan" style="padding: 0px 8vw; background-color: #fbf9f8!important">
 +
 
 +
<a class="floatright1 project projectlink" href= "https://2017.igem.org/Team:Manchester/Medals " ><img src="https://static.igem.org/mediawiki/2017/0/0a/T--Manchester--BACKARROW17MAN.jpg"></a>
 +
 
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Manchester/Templates/Footer}}
 
{{:Team:Manchester/Templates/Footer}}

Latest revision as of 21:21, 1 November 2017

Achievement





MEDAL CRITERIA


A list of iGEM's requirements for the bronze, silver and gold medals. We have made it clear which of these criteria we have met in our project.




Click the icon to see what we have achieved!

PARTS


A comprehensive list of the various BioBricks we have developed. We have listed them by their part name with links to the registry, which provides more in-depth information about each BioBrick.



Click the icon to find out more about our BioBricks!


INTERLAB


Manchester iGEM 2017 is proud to have taken part in the InterLab study for the first time. We hope our participation will benefit other teams and the synthetic biology community as a whole.



Click the icon to see our results for the InterLab!

HUMAN PRACTICES


We consulted experts in the water industry and gained insights into innovation management. In addition, exploration on intellectual property, scale-up and legislation all informed our business plan.


Click the icon to see how we integrated them into our project!


MODELLING


Three modelling approaches were used to inform different parts of our project: modelling a continuous culture system for cost estimation, ensemble modelling and Design of Experiments.


Click the icon to find more details about our modelling!

ENTERPRISE


A business plan was developed from each different components of our project. A customer and competitor analysis was conducted to evaluate the attractiveness of Phosphostore in the market.


Click the icon to see how Phosphostore can be implemented!

MEASUREMENT


Design of Experiments (DoE) is a computational statistical method that was used in the characterization of our parts.


Click the icon to learn more about DoE!

PUBLIC ENGAGEMENT


We promoted synthetic biology and our project in a variety of media: public stands, blog/magazine and one-minute video clips


Click the icon to check them all out!

COLLABORATIONS


10 iGEM Teams from five continents around the globe participated in our international GMO Legislation collaboration.


Click the icon to learn legislation in other countries!