Difference between revisions of "Team:Dundee/Engagement"

 
(7 intermediate revisions by 2 users not shown)
Line 27: Line 27:
 
#bodyContent {
 
#bodyContent {
 
     padding-right: 0px;}
 
     padding-right: 0px;}
 +
       
 +
        img.grayscale {
 +
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
 +
  filter: gray; /* IE6-9 */
 +
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
 +
}
 +
 +
img.grayscale:hover {
 +
  filter: none;
 +
  -webkit-filter: grayscale(0%);
 +
}
 +
 +
  
 +
       
 
         #menuDisplay{
 
         #menuDisplay{
 
                 display:none;
 
                 display:none;
Line 37: Line 51:
  
  
−
     
+
   
 
.navbar-brand{
 
.navbar-brand{
 
padding-top:25px;
 
padding-top:25px;
−
+
 
}
 
}
 
#navbar{
 
#navbar{
 
padding-top:5px;
 
padding-top:5px;
 
                 float:right;
 
                 float:right;
 +
 
}
 
}
 
 
Line 58: Line 73:
 
width:100%;
 
width:100%;
 
}
 
}
−
+
        #BackImg h1 {
 +
  position: absolute;
 +
  top:40%;
 +
  text-align: center;
 +
  width: 100%;
 +
  padding-top:20px;
 +
  padding-bottom:17px;
 +
                  margin-bottom:5%;
 +
}
 +
 
 +
#BackImg h1 span {
 +
  color: white;
 +
  font: bold 5vw/45px Helvetica, Sans-Serif;
 +
  letter-spacing: -1px; 
 +
  background: rgb(0, 0, 0); /* fallback color */
 +
  background: rgba(0, 0, 0, 0.7);
 +
  padding: 10px;
 +
  padding-bottom:10px;
 +
  text-align: center;
 +
       
 +
}
 +
 +
#BackImg h2 {
 +
  position: absolute;
 +
  top:55%;
 +
  text-align: center;
 +
  width: 100%;
 +
  padding-top:15px;
 +
  padding-bottom:3%;
 +
    margin-top:5%;
 +
}
 +
 
 +
#BackImg h2 span {
 +
  color:#3D72A4;
 +
  font: bold 5vw/45px Helvetica, Sans-Serif;
 +
  letter-spacing: -1px; 
 +
  background: rgb(0, 0, 0); /* fallback color */
 +
  background: rgba(0, 0, 0, 0.7);
 +
  padding-bottom:5px;
 +
  text-align:center;
 +
                    padding: 10px;
 +
}           
 +
 
 
#OverView{
 
#OverView{
 
 
Line 64: Line 121:
 
}
 
}
 
 
−
#VideoContainer{
+
−
width:66%;
+
−
float:right;
+
−
height:500px;
+
#SplashTitle p{
−
+
        border-bottom: none;
 +
        font: 4vw/6vw Helvetica, Sans-Serif;
 +
text-align: center;
 +
color:black;
 +
padding-top:15px;
 +
       
 
}
 
}
 
 
 +
 +
#SplashTitleUnder p{
 +
font:3vw/4vw Helvetica, Sans-Serif;
 +
text-align: center;
 +
color:#3D72A4;
 +
                        padding-bottom:15px;
 +
                       
 +
}
 
#ProjectDesCon{
 
#ProjectDesCon{
−
width:33%;
+
        height:100%;
−
float:left;
+
        margin-left:5%;
−
height:500px;
+
        margin-right:5%;
 +
        }
 +
 
 +
        #ProjectDesCon h3{
 +
        font: 2.3vw/2vw Helvetica, Sans-Serif;
 +
        padding-top:15px;
 +
        padding-bottom:15px;
 +
        text-align:left;
 +
        color:#3D72A4;
 +
        }
 +
 
 +
#ProjectDesCon p{
 +
 +
font: 1.7vw/2vw Helvetica, Sans-Serif;
 +
                padding-bottom:15px;
 +
               
 
}
 
}
 +
 
 
 +
#ProjectDesCon li{
 +
 +
font: 1.7vw/1.7vw Helvetica, Sans-Serif;
 +
                padding-bottom:15px;
 +
                color:#3D72A4;
 +
                       
 +
}
 +
#VideoIntro{
 +
        height:100%;
 +
        margin-left:5%;
 +
        margin-right:5%;
 +
        }
 +
   
 +
        #VideoIntro h3{
 +
        font: 2.3vw/2vw Helvetica, Sans-Serif;
 +
        padding-top:15px;
 +
        padding-bottom:15px;
 +
        text-align:center;
 +
        color:#3D72A4;
 +
       
 +
        }
 +
 +
#VideoIntro p{
 +
 +
font: 1.7vw/2vw Helvetica, Sans-Serif;
 +
                padding-bottom:15px;
 +
                text-align:center;
 +
               
 +
               
 +
}
 +
 +
 +
  #FlaskImg1 img{
 +
float:right;
 +
        width:40%;
 +
        padding-left:25px;
 +
       
 +
       
 +
}
 +
        #FlaskImg1 p{
 +
       
 +
 +
}
 +
        #FlaskPos1{
 +
        float:left;
 +
        width:60%;
 +
        padding-left:5%;
 +
       
 +
        }
 +
#FlaskPos1 p{
 +
text-align:left
 +
}
 +
 +
#FlaskImg2 img{
 +
float:left;
 +
        width:40%;
 +
        padding-left:25px;
 +
       
 +
       
 +
}
 +
        #FlaskImg2 p{
 +
       
 +
 +
}
 +
        #FlaskPos2{
 +
        float:right;
 +
        width:60%;
 +
       
 +
       
 +
        }
 +
#FlaskPos2 p{
 +
text-align:left;
 +
 +
}
 +
 +
        #FlaskStyleFifty1{
 +
        float:left;
 +
        width:50%;
 +
        padding-right:40px;
 +
        }
 +
#FlaskStyleFifty1 p{
 +
text-align:left;
 +
}
 +
 +
     
 +
       
 +
        }
 +
        #FlaskStyleFifty2{
 +
        float:right;
 +
        width:50%;
 +
        padding-left:20px;
 +
       
 +
        }
 +
#FlaskStyleFifty2 p{
 +
text-align:left;
 +
}
 +
     
 +
       
 +
       
 +
        #ColicinImg{
 +
                padding-top:15px;
 +
                width:100%;
 +
                margin:0 auto;
 +
        }
 +
 +
      #ColicinImg img{
 +
 +
                width:100%;
 +
      }
 +
 +
     
 +
   
 +
       
 +
#spacer{
 +
        height:100px;
 +
}
 +
 
#SponserFooter{
 
#SponserFooter{
 
margin:30px 0px 60px 0px;
 
margin:30px 0px 60px 0px;
Line 122: Line 325:
 
                  
 
                  
 
}
 
}
 +
#PicCenter1{
 +
                padding-top:15px;
 +
                width:100%;
 +
                margin:0 auto;
 +
        }
 +
 +
#PicCenter1 img{
 +
width:100%;
 +
}
 
#bodyContent a[href ^="https://"], .link-https {
 
#bodyContent a[href ^="https://"], .link-https {
 
padding-right:0px;
 
padding-right:0px;
 
}
 
}
 +
 
 
    
 
    
  
Line 136: Line 349:
 
<!-- Fixed navbar -->
 
<!-- Fixed navbar -->
 
     <nav class="navbar navbar-default navbar-fixed-top">
 
     <nav class="navbar navbar-default navbar-fixed-top">
−
       <div class="container">
+
       <div style="padding-right:5%; padding-bottom:0px;" "class="container">
 
         <div class="navbar-header">
 
         <div class="navbar-header">
 
           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 
           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
Line 154: Line 367:
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Design">Design</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Design">Design</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Results">Results</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Results">Results</a></li>
 +
<li><a href="https://2016.igem.org/Team:Dundee/Hardware">Hardware</a></li>
 
               </ul>
 
               </ul>
 
</li>
 
</li>
Line 165: Line 379:
 
                 <li><a href="https://2016.igem.org/Team:Dundee/HP/Silver">HP/silver</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/HP/Silver">HP/silver</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/HP/Gold">HP/gold</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/HP/Gold">HP/gold</a></li>
−
<li><a href="https://2016.igem.org/Team:Dundee/Engagement">Public Engagement</a></li>
+
<li class="active"><a href="https://2016.igem.org/Team:Dundee/Engagement">Public Engagement</a></li>
 
               </ul>
 
               </ul>
 
             </li>
 
             </li>
Line 171: Line 385:
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Parts">Parts</a></li>
 
<li><a href="https://2016.igem.org/Team:Dundee/Basic_Part">Basic Parts</a></li>
 
<li><a href="https://2016.igem.org/Team:Dundee/Basic_Part">Basic Parts</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Composite_Part">Composite Parts</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Composite_Part">Composite Parts</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Part_Collection">Parts Collection</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Part_Collection">Parts Collection</a></li>
−
                <li><a href="https://2016.igem.org/Team:Dundee/HP/Gold">Judging Criteria</a></li>
+
<li><a href="https://2016.igem.org/Team:Dundee/Experiments">Awards</a></li>
 
               </ul>
 
               </ul>
 
             </li>
 
             </li>
Line 180: Line 395:
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
−
<li><a href="https://2016.igem.org/Team:Dundee/Notebook">Lab Book</a></li>
+
<li><a href="https://2016.igem.org/Team:Dundee/Notebook">Lab Book</a></li>
−
                <li><a href="#">Protocols</a></li>
+
                 <li><a href="https://2016.igem.org/Team:Dundee/Safety">Safety</a></li>
−
                 <li><a href="https://2016.igem.org/Team:Dundee/Safety">Saftey</a></li>
+
 
               </ul>
 
               </ul>
 
<li class="dropdown">
 
<li class="dropdown">
Line 197: Line 411:
 
     </nav>
 
     </nav>
  
−
                   <div class="container">
+
                   <div id="BackImg">
  
−
<div id="BackImg">
 
−
<img src="https://static.igem.org/mediawiki/2016/f/f5/T--Dundee--Home.png" />
 
  
 +
<img src="https://static.igem.org/mediawiki/2016/6/6a/T--Dundee--PublicEngagement.jpg" />
 +
                                <h1><span>Public Engagement</span></h1>
 +
<h2></h2>
 
</div>
 
</div>
 +
 +
   
 +
 
 
−
<div id="OverView">
+
<div class="container">
−
+
<div id = "SplashTitle">
−
<div id="VideoContainer">
+
<p>Engagement</p>
−
+
−
+
 
</div>
 
</div>
−
+
 
−
<div id="ProjectDesCon">
+
<div id="SplashTitleUnder">
−
+
<p></p>
−
+
 
</div>
 
</div>
 +
</div>
 +
 +
 +
<div class="container">
 +
<div  id= "ProjectDesCon">
 +
 +
 +
<h3>Glasgow Science Centre</h3>
 +
                                     
 +
<p>We spent the afternoon at Glasgow Science Centre educating children on healthy guts and how their health affected their bowels.  While the children were making ‘healthy poo’, we had time to speak to the parents about our project and get their thoughts on what we were doing.  To aid this, we prepared two posters to present; one detailed how our project would work; and the other was based on campylobacter and how to reduce the risk of infection.  The two posters had different designs, one was more text based with biological terms and images, and the other was an infographic consisting of images and figures.  The feedback we received said the infographic was easier to understand; therefore we are going to design our final poster in the style of an infographic to aid understanding of our project and to simplify the communication of our results.  We received great feedback from the kids and Science Centre staff who all enjoyed our activities and learned from our exhibit.</p>
 +
 +
<p><i>“I thought your activity was fantastic, really fun and interactive. The kids I saw having a go were loving it!”</i> – Emma Woodham, Science Learning Coordinator at Glasgow Science Centre</p>
 +
 +
</p>
 +
</div>
 +
</div>
 +
 +
<div class="container">
 +
<div  id= "ProjectDesCon">
 +
 +
<h3>Edinburgh Debate</h3>
 +
                                     
 +
<p>We teamed up with the undergraduate team from Edinburgh to organise a debate regarding GMOs to help us better understand perceptions from non-scientists and what they main points are for arguing for and against the use of GMOs.  We enrolled the University of Dundee and Edinburgh debating unions to present and chair the debate, which was a massive success and contributed to our understanding of the main opposition to GMOs in the public eye.  </p>
 +
 +
                                        <p>The debate leaned heavily towards GM crops, as it does in Scotland, and focused on the profit that could be made by large companies such as Monsanto who develop GM seeds that outperform their natural siblings.  There is a fear that these companies would hold their seeds ransom for an extremely high price, with farmers obliged to pay due to their undoubted benefits.  This was countered with the notion that whilst companies such as Monsanto make a profit, it is not comparable to the saving of millions of lives due to these improved agrichemicals producing better yields, and in harsher environments.</p>
 +
 +
</div>
 +
</div>
 +
 +
<div class="container">
 +
<div  id= "ProjectDesCon">
 +
 +
 +
        <div id="PicCenter1">
 +
              <img src="https://static.igem.org/mediawiki/2016/archive/e/ed/20161016220831%21T--Dundee--Collab4.png">
 +
        </div>
 
 
−
</div>
+
</div>
−
+
</div>
−
+
 
 +
<div class="container">
 
<div id="SponserFooter">
 
<div id="SponserFooter">
−
<div id = "BBSRC" class="SponserLink">
+
<div id = "BBSRC" class="SponserLink">
 
<a href="http://www.bbsrc.ac.uk/">
 
<a href="http://www.bbsrc.ac.uk/">
−
<img src="https://static.igem.org/mediawiki/2016/8/8b/T--Dundee--BBSRCFooter.png" />
+
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/8/8b/T--Dundee--BBSRCFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
−
<div class="SponserLink">
+
<div class="SponserLink">
 
<a href="http://www.dundee.ac.uk/">
 
<a href="http://www.dundee.ac.uk/">
−
<img src="https://static.igem.org/mediawiki/2016/a/a8/T--Dundee--UoDFooter.png" />
+
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/a/a8/T--Dundee--UoDFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
−
<div class="SponserLink">
+
<div class="SponserLink">
 
<a href="https://www.idtdna.com/site">
 
<a href="https://www.idtdna.com/site">
−
<img src="https://static.igem.org/mediawiki/2016/0/03/T--Dundee--IDTFooter.png" />
+
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/0/03/T--Dundee--IDTFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
 
<div class="SponserLink">
 
<div class="SponserLink">
 
<a href="https://www.sebiology.org/">
 
<a href="https://www.sebiology.org/">
−
<img src="https://static.igem.org/mediawiki/2016/f/f0/T--Dundee--SEBFooter.png" />
+
<img class="grayscale"src="https://static.igem.org/mediawiki/2016/f/f0/T--Dundee--SEBFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
 
<div id = "WellcomeT" class="SponserLink">
 
<div id = "WellcomeT" class="SponserLink">
 
<a href="https://wellcome.ac.uk/">
 
<a href="https://wellcome.ac.uk/">
−
<img src="https://static.igem.org/mediawiki/2016/2/22/T--Dundee--WELLTFooter.png" />
+
<img class="grayscale"src="https://static.igem.org/mediawiki/2016/2/22/T--Dundee--WELLTFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
Line 252: Line 504:
 
 
 
                <div id="finalFooter">
 
                <div id="finalFooter">
−
                         <div class="container">
+
                         <div style="width:100%;"class="container">
  
 
 
Line 273: Line 525:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
</div>
 
</div>
  

Latest revision as of 12:02, 19 October 2016

Dundee 2016

Public Engagement

Engagement

Glasgow Science Centre

We spent the afternoon at Glasgow Science Centre educating children on healthy guts and how their health affected their bowels. While the children were making ‘healthy poo’, we had time to speak to the parents about our project and get their thoughts on what we were doing. To aid this, we prepared two posters to present; one detailed how our project would work; and the other was based on campylobacter and how to reduce the risk of infection. The two posters had different designs, one was more text based with biological terms and images, and the other was an infographic consisting of images and figures. The feedback we received said the infographic was easier to understand; therefore we are going to design our final poster in the style of an infographic to aid understanding of our project and to simplify the communication of our results. We received great feedback from the kids and Science Centre staff who all enjoyed our activities and learned from our exhibit.

“I thought your activity was fantastic, really fun and interactive. The kids I saw having a go were loving it!” – Emma Woodham, Science Learning Coordinator at Glasgow Science Centre

Edinburgh Debate

We teamed up with the undergraduate team from Edinburgh to organise a debate regarding GMOs to help us better understand perceptions from non-scientists and what they main points are for arguing for and against the use of GMOs. We enrolled the University of Dundee and Edinburgh debating unions to present and chair the debate, which was a massive success and contributed to our understanding of the main opposition to GMOs in the public eye.

The debate leaned heavily towards GM crops, as it does in Scotland, and focused on the profit that could be made by large companies such as Monsanto who develop GM seeds that outperform their natural siblings. There is a fear that these companies would hold their seeds ransom for an extremely high price, with farmers obliged to pay due to their undoubted benefits. This was countered with the notion that whilst companies such as Monsanto make a profit, it is not comparable to the saving of millions of lives due to these improved agrichemicals producing better yields, and in harsher environments.