Difference between revisions of "Team:Manchester/Engagement"

 
(87 intermediate revisions by 3 users not shown)
Line 11: Line 11:
 
}
 
}
  
−
.col-md-4 img {
+
body, html {
−
  width: 60vw;
+
   margin: 0px!important;
−
  display: block;
+
−
   margin-left: auto;
+
−
  margin-right: auto
+
 
}
 
}
  
Line 21: Line 18:
 
     padding-top: 10px;
 
     padding-top: 10px;
 
     display: block;
 
     display: block;
−
    min-height: 40vh;
+
     border: 0px solid transparent;
−
     border: 3px solid transparent;
+
 
     border-radius:;
 
     border-radius:;
 
     width: 100vw!important;
 
     width: 100vw!important;
Line 32: Line 28:
 
     -o-transition: 0.3s ease-in-out;
 
     -o-transition: 0.3s ease-in-out;
 
     transition: 0.3s ease-in-out
 
     transition: 0.3s ease-in-out
 +
}
 +
 +
h4 {
 +
  font-size: 35px!important;
 +
  font-weight: 400;
 +
  font-family: 'Calibri'!important;
 +
  padding: 2%!important;
 +
  text-align: center;
 +
}
 +
 +
h2 {
 +
  font-size: 40px!important;
 +
  font-weight: 400;
 +
  font-family: 'Calibri'!important;
 +
  padding: 2%!important;
 +
  text-align: center;
 +
}
 +
 +
a {
 +
  padding-right: 0px!important
 +
}
 +
 +
p {
 +
  text-align: justify;
 +
  text-justify: inter-word;
 +
  font-family: 'Calibri', sans-serif;
 +
}
 +
 +
 +
.col-md-4 img {
 +
  display: block;
 +
  height: 400px;
 +
  max-width: 400px;
 +
  margin: 0px auto;
 +
  opacity: 1;
 +
  transition: 0.3s ease-in-out;
 +
}
 +
 +
.col-md-4 img:hover {
 +
  opacity: 0.7;
 
}
 
}
  
 
.sectionfirst {
 
.sectionfirst {
−
   margin-top: 80px!important;
+
   margin-top: 40px!important;
−
   padding-top: 10vh;
+
   height: 30vh;
−
   height: 80vh;
+
   background: transparent;
 +
  background-size: cover
 
}
 
}
 +
 +
.border {
 +
  background-color: #c4c4c4;
 +
  color: #fff;
 +
  padding: 18px;
 +
  letter-spacing: 10px;
 +
  opacity: 1
 +
}
 +
  
 
</style>
 
</style>
Line 46: Line 92:
 
<body>
 
<body>
  
−
<div class="sectionfirst displaybox" style="background-color: #666">
+
<div class="clear"></div>
−
    <div class="col-centered" style="padding-top: 45%">
+
 
−
      <center>
+
<div class="col-md-12 sectionfirst" style="background-color: #f5f3f6!important">
−
        <h2><font color="#fff">Public Engagement</font></h2>
+
<h2 class="border" style="margin-top: 12vh; text-align: center">Public Engagement</h2>
−
      </center> 
+
<br/>
−
    </div>
+
 
</div>
 
</div>
  
−
<div class="displaybox" style="background-color: #fff">
+
<div class="displaybox clear" style="background-color: #f5f3f6">
 
  <div class="container">
 
  <div class="container">
 
   <div class="col-md-12 text-justify col-centered">
 
   <div class="col-md-12 text-justify col-centered">
 
   <center>
 
   <center>
−
     <h3><font color="#111">PPK</font></specialh3>
+
     <h4><font color="#111">British Science Week</font></h4>
 
     <hr class="dark">
 
     <hr class="dark">
 
   </center>
 
   </center>
 
   <div class="col-md-12 text-justify">
 
   <div class="col-md-12 text-justify">
−
<p><font color="#111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate.
+
<p><font color="#111">We had a stand in British Science Week where we engaged with primary school kids to promote synthetic biology. In our stand, we explained to them the benefits of synthetic biology and how it can be used to produce synthetic flavors such as vanillin. Afterwards, we had the kids to vote on which they believe are the best methods to produce these flavors: synthetic biology, chemical methods, and agriculture farming. The most popular vote by the kids was agriculture farming with synthetic biology coming second.</font></p>
 +
<br>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/7/76/T--Manchester--BSW1.jpg" width="500" height="350">
 +
<img src="https://static.igem.org/mediawiki/2017/f/f9/T--Manchester--BSW2.jpg" width="500" height="350">
 +
<br>
 +
<img src="https://static.igem.org/mediawiki/2017/b/b2/T--Manchester--BSW3.jpg" width="500" height="350">
 +
<img src="https://static.igem.org/mediawiki/2017/4/40/T--Manchester--BSW4.jpg" width="500" height="350">
 +
<br>
 +
<img src="https://static.igem.org/mediawiki/2017/2/27/T--Manchester--BSW5.jpg" width="500" height="350">
  
−
Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor.
+
</center>
−
 
+
<br>
−
Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.</font></p>
+
 
   </div>
 
   </div>
 
   </div>
 
   </div>
Line 76: Line 129:
 
   <div class="col-md-12 text-justify col-centered">
 
   <div class="col-md-12 text-justify col-centered">
 
   <center>
 
   <center>
−
     <h3><font color="#111">Eut</font></specialh3>
+
     <h3><font color="#111">Blogs and Magazine</font></specialh3>
 
     <hr class="dark">
 
     <hr class="dark">
 
   </center>
 
   </center>
 
   <div class="col-md-12 text-justify">
 
   <div class="col-md-12 text-justify">
−
<p><font color="#111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate.
+
<p><font color="#111">We were able to promote our project to the public by publishing it in a blog, <a href="http://www.eusynbios.org/blog/igem2017mcr" target="_blank">EUSynbioS</a>, and a student magazine in Manchester called <a href="http://www.humanityhallows.co.uk/igem-manchester-2017-the-path-to-recycling-fertilisers/" target="_blank">Humanity Hallows</a>.</font></p>
  
−
Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor.
+
<center>
 +
<img src="https://static.igem.org/mediawiki/2017/a/a8/T--Manchester--EUSynbio.jpg">
 +
<br><br><br>
 +
<img src="https://static.igem.org/mediawiki/2017/8/81/T--Manchester--Humanity.jpg">
 +
</center>
  
−
Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.</font></p>
 
 
   </div>
 
   </div>
 
   </div>
 
   </div>
Line 90: Line 146:
 
</div>
 
</div>
  
−
<div class="displaybox" style="background-color: #fff">
 
−
<div class="container">
 
−
  <div class="col-md-12 text-justify col-centered">
 
−
    <center>
 
−
    <h3><font color="#111">Tag</font></specialh3>
 
−
    <hr class="dark">
 
−
    </center>
 
−
  <div class="col-md-12 text-justify">
 
−
<p><font color="#111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate.
 
  
−
Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor.
+
<div class="displaybox clear" style="background-color: #f5f3f6">
−
 
+
−
Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.</font></p>
+
−
  </div>
+
−
  </div>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class="displaybox" style="background-color: #f5f3f6">
+
 
  <div class="container">
 
  <div class="container">
 
   <div class="col-md-12 text-justify col-centered">
 
   <div class="col-md-12 text-justify col-centered">
 
   <center>
 
   <center>
−
     <h3><font color="#111">Ash's or microscopy images of S SMN SMNLK</font></specialh3>
+
     <h4><font color="#111">Promotional Video</font></h4>
 
     <hr class="dark">
 
     <hr class="dark">
 
   </center>
 
   </center>
 
   <div class="col-md-12 text-justify">
 
   <div class="col-md-12 text-justify">
−
<p><font color="#111">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum turpis ut aliquam pellentesque. Quisque consectetur quam lorem, ut varius elit mollis euismod. Fusce gravida orci metus, nec cursus dui pulvinar quis. Vivamus accumsan magna tortor, quis egestas magna faucibus in. Morbi enim sem, sollicitudin viverra viverra et, tempor sit amet justo. Quisque malesuada magna eu lorem egestas, quis molestie lectus sollicitudin. Donec varius magna vel eros faucibus, vel cursus eros condimentum. Donec justo lacus, tempus sed vestibulum quis, semper vitae nulla. Nam vel accumsan mi. Cras molestie, risus in hendrerit laoreet, sapien mauris ultricies enim, in fermentum ligula nibh a tellus. In vitae sollicitudin nibh. Praesent convallis consectetur vulputate.
 
  
−
Vestibulum faucibus augue a pretium interdum. Phasellus eros felis, tincidunt eget odio a, imperdiet consequat ipsum. Duis bibendum mattis efficitur. Etiam auctor id elit at fringilla. Donec pretium, ex id pellentesque varius, risus lacus pellentesque tortor, non tincidunt eros libero vel mi. Morbi viverra tempor mattis. Curabitur mattis sed dolor in aliquet. Maecenas nec metus at nibh gravida commodo id vel dolor.
+
<p><font color="#111">We realized that social media would be a particularly powerful way of engaging with a large world-wide audience: we published two one-minute clips about iGEM and Phosphostore on our <a href="https://www.facebook.com/iGEMManchester" target="_blank">Facebook account</a>. These videos aim to spark interest in the public, by providing a brief and entertaining description of each topic.</font></p>
 +
<br><br>
 +
 
 +
<center>
 +
<div style="">
 +
<video width="40%" height="40%" controls>
 +
  <source src="https://static.igem.org/mediawiki/2017/8/89/IGEMSummary480p.mp4" type="video/mp4">
 +
Your browser does not support the video tag.
 +
</video>
 +
 
 +
<video width="40%" height="40%" controls>
 +
  <source src="https://static.igem.org/mediawiki/2017/b/bd/ProjectSummary480p.mp4" type="video/mp4">
 +
Your browser does not support the video tag.
 +
</video>
 +
<br/><br/><br/>
 +
</div>
 +
</center>
  
−
Morbi commodo cursus lacus, et ullamcorper nibh lacinia in. Mauris lectus enim, sodales vel dolor eget, volutpat volutpat purus. Quisque vitae odio pellentesque, pulvinar lorem eu, congue ligula. Morbi magna sem, pharetra sed sagittis quis, aliquam sit amet purus. Aliquam eget est ut ligula facilisis gravida ut ut ante. Nullam quis venenatis nulla. Nam facilisis ex in ligula consequat posuere. Pellentesque id arcu mattis, gravida elit a, hendrerit ante. Integer mollis justo sed vestibulum vehicula.</font></p>
 
 
   </div>
 
   </div>
 
   </div>
 
   </div>

Latest revision as of 17:18, 31 October 2017

HOME
TEAM
PROJECT
Overview
Description
Results
Demonstration
Medal Criteria
Achievement
NOTEBOOK
Protocols
Diary
Lab Book
InterLab
Measurement
PARTS
Parts
Basic Parts
Composite Parts
Improved Parts
Part Collection
HUMAN PRACTICES
Silver HP
Water Industry
Integrated and Gold
Intellectual Property
Public Engagement
Entrepreneurship
MODELLING
Overview
D. O. Experiment
Continuous Culture
PHO Operon
JUDGING FORM

Public Engagement


British Science Week

We had a stand in British Science Week where we engaged with primary school kids to promote synthetic biology. In our stand, we explained to them the benefits of synthetic biology and how it can be used to produce synthetic flavors such as vanillin. Afterwards, we had the kids to vote on which they believe are the best methods to produce these flavors: synthetic biology, chemical methods, and agriculture farming. The most popular vote by the kids was agriculture farming with synthetic biology coming second.





Blogs and Magazine

We were able to promote our project to the public by publishing it in a blog, EUSynbioS, and a student magazine in Manchester called Humanity Hallows.




Promotional Video

We realized that social media would be a particularly powerful way of engaging with a large world-wide audience: we published two one-minute clips about iGEM and Phosphostore on our Facebook account. These videos aim to spark interest in the public, by providing a brief and entertaining description of each topic.