Difference between revisions of "Team:KCL UK/Public Engagement"

 
(85 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{:Team:KCL_UK/Templates/Header}}
 +
 
<html>
 
<html>
 +
 
     <head>
 
     <head>
−
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
+
 
  
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
Line 9: Line 12:
  
 
     <style>  
 
     <style>  
−
 
+
    @import url('https://fonts.googleapis.com/css?family=Raleway');
  
 
     #top_title {display:none;}
 
     #top_title {display:none;}
Line 18: Line 21:
 
  font-family: 'Raleway', sans-serif;
 
  font-family: 'Raleway', sans-serif;
 
font-size: 1em;
 
font-size: 1em;
−
text-align: center;
+
text-align: left;
  
 +
}
 +
#globalWrapper {
 +
  padding-bottom:0;
 
}
 
}
 
      
 
      
Line 25: Line 31:
 
font-family: 'Raleway', sans-serif;
 
font-family: 'Raleway', sans-serif;
 
font-weight: 300;
 
font-weight: 300;
−
color:red!important;
 
−
background-color:black;
 
 
}
 
}
  
Line 183: Line 187:
 
display: block;
 
display: block;
 
font-size: 2em;
 
font-size: 2em;
 +
 
margin-bottom: 0.67em;
 
margin-bottom: 0.67em;
 
margin-left: 0;
 
margin-left: 0;
 
margin-right: 0;
 
margin-right: 0;
−
 
 
   }
 
   }
  
Line 256: Line 260:
 
             font-size: 2.5em;
 
             font-size: 2.5em;
 
             text-transform: capitalize;
 
             text-transform: capitalize;
−
            margin-top: 1em;
 
 
           }
 
           }
 +
.top h1 {
 +
  color:red;
 +
}
 
         .title span {
 
         .title span {
 
             margin-top: 1em;
 
             margin-top: 1em;
Line 352: Line 358:
 
         }
 
         }
  
−
        .dropdownone {
+
     
−
          margin-top: 2.58em!important;
+
−
        }
+
−
        .dropdowntwo {
+
−
            margin-top: 4.75em!important;
+
−
        }
+
−
        .dropdownthree {
+
−
          margin-top: 6.93em!important;
+
−
        }
+
−
 
+
 
         .nav-buttonmasks:hover .dropdown-nav-buttonmasks{
 
         .nav-buttonmasks:hover .dropdown-nav-buttonmasks{
 
             display: block;
 
             display: block;
Line 379: Line 376:
  
 
         /*top------------------------------*/
 
         /*top------------------------------*/
 +
.backtotop {
 +
          height: 5em;
 +
          width: 5em;
 +
          margin: auto;
 +
          position: fixed;
 +
        }
 +
        .topimage {
 +
          opacity: 0.8;
 +
        }
 
         .top {
 
         .top {
 
           background-color: black;
 
           background-color: black;
Line 389: Line 395:
 
             background: red;
 
             background: red;
 
         }
 
         }
 +
        /*bottom------------------------------*/
 +
        .education {
 +
          height: 20em;
 +
        }
 +
        .eventhero {
 +
          height: 50em;
 +
          background-color: black;
 +
          width: 100%;
 +
        }
 +
        #kenyabigger {
 +
          height: 90vh!important;
 +
        }
 +
#Kenyabigger p {
 +
  font-size: .85em;
 +
}
 +
 +
        #kenyabigger .eventdesc{
 +
          height: 40em;
 +
        }
 +
        .lefteventhero{
 +
          width: 35vw;
 +
          float: left;
 +
          height: 34em;
 +
          background-color: black;
 +
          display: inline-block;
 +
        }
 +
        .lefteventherospacer {
 +
          height: 10em;
 +
          background-color: black;
 +
        }
 +
        .righteventhero {
 +
          width: 59vw;
 +
          float: right;
 +
          display: inline-block;
 +
          height: 34em;
 +
          background-color: black;
 +
          outline: 2px solid #FF0000;
 +
          outline-offset: -2em;
 +
        }
 +
        .righteventhero p {
 +
          color: white;
 +
          width: 50vw;
 +
          margin: auto;
 +
          margin-top: 7em;
 +
          font-size: 1.3em;
 +
        }
 +
        .left {
 +
          float: left;
 +
          margin-left: 1em;
 +
        }
 +
        .right {
 +
          float: right;
 +
          margin-right: 1em;
 +
 +
        }
 +
        .eventimage {
 +
          width: 45vw;
 +
          height: 35em;
 +
          display: inline-block;
 +
margin-top: 2em;
 +
        }
 +
        .eventdesc {
 +
text-align:left!important;
 +
          width: 50vw;
 +
          height: 45em;
 +
          background-color: black;
 +
          display: inline-block;
 +
          outline: 2px solid #FF0000;
 +
          outline-offset: -2em;
 +
        }
 +
        .eventdesc p {
 +
          width: 42vw;
 +
          margin: auto;
 +
          margin-top: 3.5em;
 +
          color: white;
 +
        }
 +
        .eventdesc a {
 +
          margin-top: 1.5em;
 +
        }
 +
        .elderlyimageleft {
 +
          width: 28vw;
 +
          margin-left: 7vw;
 +
        }
 +
        .elderlyimageright {
 +
          width: 28vw;
 +
          margin-right: 7vw;
 +
        }
 +
#Kenyabigger img {
 +
width: 40vw;
 +
}
 +
#elderly p {
 +
font-size: 1em;
 +
}
 +
.elderly1 p {
 +
font-size: 1.5em!important;
 +
}
 +
#elderly1 {
 +
font-size: 1.5em!important;
 +
}
 +
.elderly1desc {
 +
height: 34em;
 +
}
 +
#elderlylarge{
 +
font-size: 1.3em!important;
 +
}
  
 
         /*middle------------------------------*/
 
         /*middle------------------------------*/
Line 505: Line 616:
 
         }
 
         }
 
         .backgroundfancy {
 
         .backgroundfancy {
−
           background-color: pink;
+
           background-color: black;
 
           height: 30em;
 
           height: 30em;
 
           width: auto;
 
           width: auto;
Line 831: Line 942:
  
 
         /*bottom------------------------------*/
 
         /*bottom------------------------------*/
 +
 +
 
         .bottom {
 
         .bottom {
 
           height: 34vh;
 
           height: 34vh;
Line 862: Line 975:
 
           color: green;
 
           color: green;
 
         }
 
         }
−
.top h1 {
+
 
−
background-color:pink;}
+
 
 +
 
  
  
 
     </style>
 
     </style>
 +
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:UCL/JQuery?action=raw&ctype=text/javascript"></script>
 +
    <script>
 +
    $(document).ready(function (){
 +
      $("#educationbutton").click(function() {
 +
        $([document.documentElement, document.body]).animate({
 +
            scrollTop: $("#educationsection").offset().top
 +
        }, 2000);
 +
      });
 +
    });
 +
 +
    $(document).ready(function (){
 +
      $("#engagementbutton").click(function() {
 +
        $([document.documentElement, document.body]).animate({
 +
            scrollTop: $("#engagementsection").offset().top
 +
        }, 2500);
 +
      });
 +
    });
 +
 +
    $(document).ready(function (){
 +
      $("#totopofpage").click(function() {
 +
        $([document.documentElement, document.body]).animate({
 +
            scrollTop: $("#topofpage").offset().top
 +
        }, 2000);
 +
      });
 +
    });
 +
    </script>
 +
  
  
 
     </head>
 
     </head>
 +
  
  
 
     <body>
 
     <body>
  
−
    <header>
 
−
        <img src="https://static.igem.org/mediawiki/2018/0/08/T--KCL_UK--kclfinallogo.gif" alt="logo" class="logo">
 
  
−
        <nav>
 
−
            <ul>
 
−
                <li><a href="https://2018.igem.org/Team:KCL_UK" class="nav-buttonmasks standalonenav">Home</a></li>
 
−
                <li class="nav-buttonmasks">Team
 
−
                  <a href="https://2018.igem.org/Team:KCL_UK/Team" class="dropdown-nav-buttonmasks dropdownone">Team Members</a>
 
−
                    <a href="https://2018.igem.org/Team:KCL_UK/Collaborations" class="dropdown-nav-buttonmasks dropdowntwo">Collaborations</a>
 
−
                </li>
 
−
                <li class="nav-buttonmasks">Project
 
−
                  <a href="https://2018.igem.org/Team:KCL_UK/Description" class="dropdown-nav-buttonmasks dropdownone">Description</a>
 
−
                  <a href="https://2018.igem.org/Team:KCL_UK/Design" class="dropdown-nav-buttonmasks dropdowntwo">Design</a>
 
−
                  <a href="https://2018.igem.org/Team:KCL_UK/Results" class="dropdown-nav-buttonmasks dropdownthree">Results</a>
 
−
                </li>
 
−
                <li class="nav-buttonmasks">Parts
 
−
                  <a href="https://2018.igem.org/Team:KCL_UK/Parts" class="dropdown-nav-buttonmasks dropdownone">Parts Overview</a>
 
−
                  <a href="https://2018.igem.org/Team:KCL_UK/Basic_Part" class="dropdown-nav-buttonmasks dropdowntwo">Basic Parts</a>
 
−
                  <a href="https://2018.igem.org/Team:KCL_UK/Composite_Part" class="dropdown-nav-buttonmasks dropdownthree">Composite Parts</a>
 
−
                </li>
 
−
                <a href="https://2018.igem.org/Team:KCL_UK/Safety" class="nav-buttonmasks standalonenav">Safety</a>
 
−
                <li class="nav-buttonmasks">Human Practices
 
−
                  <a href="https://2018.igem.org/Team:KCL_UK/Human_Practices" class="dropdown-nav-buttonmasks dropdownone" id="navadjust">Integrated HP</a>
 
−
                  <a href="https://2018.igem.org/Team:KCL_UK/Public_Engagement" class="dropdown-nav-buttonmasks dropdowntwo" id="navadjust">Education and Engagement</a>
 
−
                </li>
 
−
                <a href="acknowledgements.html" class="nav-buttonmasks standalonenav">Acknowledgements</a>
 
−
            </ul>
 
−
        </nav>
 
−
    </header>
 
 
     <div class="uselessspacer"></div>
 
     <div class="uselessspacer"></div>
  
 +
    <div class="backtotop"><a id="totopofpage"href="#topofpage"><img class="topimage"src="https://static.igem.org/mediawiki/2018/c/cf/T--KCL_UK--top.png"></img></a></div>
 
     <section class="top">
 
     <section class="top">
−
       <h1 id="hptitle">Human Practices</h1>
+
       <h1 id="hptitle">Public Engagement</h1>
 
       <div class="line"></div>
 
       <div class="line"></div>
 
     </section>
 
     </section>
Line 920: Line 1,036:
 
         </div>
 
         </div>
 
         <figcaption class="middledesc">
 
         <figcaption class="middledesc">
−
             <a href="education.html" class="buttonmask buttonmask-accent buttonmask-small">Education</a>
+
             <a id="educationbutton" class="buttonmask buttonmask-accent buttonmask-small">Education</a>
 
         </figcaption>
 
         </figcaption>
 
       </div>
 
       </div>
Line 931: Line 1,047:
 
         </div>
 
         </div>
 
         <figcaption class="middledesc">
 
         <figcaption class="middledesc">
−
             <a href="" class="buttonmask buttonmask-accent buttonmask-small">Engagement</a>
+
             <a id="engagementbutton" class="buttonmask buttonmask-accent buttonmask-small">Engagement</a>
 
         </figcaption>
 
         </figcaption>
 
       </div>
 
       </div>
Line 951: Line 1,067:
 
     </section>
 
     </section>
  
−
   <section >
+
   <section>
−
    <div class="backgroundfancy">
+
<img id="backgroundfancy"src="https://static.igem.org/mediawiki/2018/c/cc/T--KCL_UK--eefinal.png"></img>
−
<img id="backgroundfancy"src="https://static.igem.org/mediawiki/2018/1/11/T--KCL_UK--humanpracticesoverview.jpg"></img>
+
−
</div>
+
 
     </section>
 
     </section>
  
−
<!---
+
  <section class="top" id="educationsection">
−
     <section class="bottom">
+
     <h1 id="hptitle">Education</h1>
−
       <div class="overviewtextbox">
+
    <div class="line"></div>
−
         <div id="overviewblock"><h1>Overview</h1></div>
+
  </section>
−
        <p id="overviewdesc">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
 
 +
  <section>
 +
 
 +
  <div class="eventhero">
 +
    <div class="lefteventhero">
 +
       <div class="lefteventherospacer"></div>
 +
    <section class="scrolldown">
 +
      <div id="wrapper">
 +
         <div id="wrapper-inner">
 +
          <div id="scroll-down">
 +
            <span class="arrow-down">
 +
              <!-- css generated icon -->
 +
            </span>
 +
            <span id="scroll-title">
 +
              See Our Events Below
 +
            </span>
 +
          </div>
 +
        </div>
 
       </div>
 
       </div>
 
     </section>
 
     </section>
−
     --->
+
  </div>
 +
  <div class="righteventhero">
 +
     <p>How much do we really need to know about antibiotic resistance? Is it really relevant to our everyday lives if we can’t understand half the information we’re reading? (What does <a href="https://www.nhs.uk/conditions/mrsa/">methicillin-resistant Staphylococcus aureus</a> even mean?) </br></br> Our team believes that everyone from the age of eleven to seventy seven should have the same understanding of the medications they’re taking as the food that they eat- and by extension the medication going into the food that they eat.
 +
In many circles synthetic biology has been given a bad name- it’s time to show what we can do for good!</p>
 +
  </div>
 +
  </div>
 +
 
 +
  <section class="top">
 +
    <h1 id="hptitle">Bexley School Visit</h1>
 +
    <div class="line"></div>
 +
  </section>
 +
 
 +
  <div class="eventhero">
 +
    <div class="left eventdesc">
 +
      <p>We organised a symposium for the year eleven pupils of Bexley Grammar, to teach them a little about what iGEM is and does, but mostly to extend their knowledge and understanding beyond GCSE requirement of synthetic biology. We set up different stations, using everyday objects to explain the complex science behind genetic engineering. We built DNA out of sweets; explained cell biology with LegoTM, and separated strawberry DNA with mango juice and alcohol. The final debate we staged was easily the star of the show. The pupils took on the attitudes of different peoples affected by genetic engineering: farmers, doctors, and scientists both for an against GM products. It was a great exercise in concisely and clearly communicating your point and we could see first-hand exactly how much they had learned from us. We asked them to fill out a survey about their experience, and the responses were encouraging.
 +
      </p>
 +
      <a style="margin-left: 17.5vw;margin-top: 2em;" href="bexleyinfographic.html" class="buttonmask buttonmask-accent buttonmask-large">See the Results</a>
 +
    </div>
 +
    <img class="right eventimage" src="https://static.igem.org/mediawiki/2018/2/26/T--KCL_UK--overviewleftfirst.jpg"></div>
 +
  </div>
 +
 
 +
  <section class="top">
 +
    <h1 id="hptitle">Work In Kenya</h1>
 +
    <div class="line"></div>
 +
  </section>
 +
 
 +
  <div class="eventhero" id="Kenya">
 +
    <div class="right eventdesc">
 +
      <p>"The reality of life in Kenya is, unsurprisingly, very different to life in the UK. The local wild life is much more exciting for starters, trading in sheep for lions and leopards. The cuisine is more exciting than “bangers and mash”. The healthcare expenditure per capita in Kenya is approximately £2700 less than in the UK (looking at statistics from 2014).
 +
</br></br>I realised that the situation was worse than I was expecting. The knowledge about [antibiotic resistance] is very poor. Most people don’t know which medications are classed as an antibiotic and that use must be controlled. The control of medication within the food industry is rudimental, which enables livestock companies to use major doses of antibiotics that results in excessive animal growth and more profit. The lack of sanitation and infrastructures with the addition of a poor correlation between diet and health are aspects that worsen the situation in the fight against antibiotic resistance..."
 +
      </p>
 +
    </div>
 +
    <img class="left eventimage" src="https://static.igem.org/mediawiki/2018/1/1a/T--KCL_UK--kenyapic1.png"></div>
 +
  </div>
 +
 
 +
  <div class="eventhero" id="Kenyabigger">
 +
    <div class="left eventdesc">
 +
      <p>While I was living in the outskirts of Nairobi, I worked as a volunteer in an orphanage of 34 children, from aged six to seventeen. One of the eldest girls at the orphanage attended one of the best schools in Kenya, and she told me that it was common knowledge amongst the more privileged that in very poor areas of the country where people don’t have any money to buy antibiotics and other drugs, there are pharmaceutical companies distributing non-approved (or experimental) drugs. It was a horrifying realisation for me, that large companies take advantage of the lack of conditions and knowledge of these people.
 +
</br></br>
 +
Once I was living near the orphanage and working there every day, I decided to give some lectures about genetics and synthetic biology to the older kids. I organised evening lectures, after all the kids had finished school and were already at the house. I began with curriculum science- talking about DNA composition and its functions in our cell, and consequently in our lives. As interest piqued, we discussed some of the applications of synthetic biology and how we can now start editing DNA and the consequences that these can have in the future of humanity.
 +
</br></br>
 +
Teaching can be unforgiving, but teaching kids who are actually interested is incredibly rewarding. Many children in the UK and across Europe take their education for granted- whether that is because of cultural attitudes or the fact that education is a given right, I do not know. The children in the orphanage were, in contrast, committed to learning. They knew the hurdles they had to overcome, and persisted- which was inspiring.
 +
      </p>
 +
    </div>
 +
    <img class="right eventimage" src="https://static.igem.org/mediawiki/2018/0/01/T--KCL_UK--kenyapic2.jpg"></div>
 +
  </div>
 +
 
 +
  <section class="top">
 +
    <h1 id="hptitle">Belvedere Wellbeing Centre Visit</h1>
 +
    <div class="line"></div>
 +
  </section>
 +
 
 +
  <div class="eventhero" id="elderly elderly1">
 +
    <div class="right eventdesc elderly1desc">
 +
      <p>As part of our Public Engagement activities, in September a few of our team visited the Belvedere Wellbeing Centre for elderly people in the London Borough of Bexley.  We set out to open up the dialogue about antibiotic resistance to include more people in shaping synthetic biology, including groups not traditionally consulted.  We thought it best to shed the conventional methods of teaching that we had relied on at Bexley Grammar School, and instead simply start a conversation about the elderly’s experiences of antibiotic administration and whether they see the use of antibiotics in animal farming as a factor in their shopping habits.
 +
</p>
 +
    </div>
 +
    <img class="left eventimage elderlyimageleft" src="https://static.igem.org/mediawiki/2018/4/43/T--KCL_UK--elderly1.jpg"></div>
 +
  </div>
 +
 
 +
  <div class="eventhero" id="elderly elderlylarge elderly2">
 +
    <div class="left eventdesc">
 +
      <p id="elderlylarge">Throughout our project, antibiotics have, in one way or another, become the ‘bad guy’- we use them too much; they are the cause of hospital deaths- but one man’s tale truly brought the reality of antibiotics to us. His son’s leg was due to be amputated earlier this year due to sepsis, and after requesting a second opinion, he was transferred to an Oxford hospital where he was treated with two antibiotics in combination.  Quick thinking doctors saved his leg. It was a story that highlighted the importance of our project, from a previously unseen angle.
 +
      </br></br>
 +
      Over tea and iGEM-themed cakes, it was fun and refreshing to get a new perspective on the personal medical experiences of these people, and to be able to educate them about the science behind synthetic biology.  They were genuinely interested in our project and had lots to say about antibiotic use and how we can begin to solve the problem of antibiotic resistance.
 +
      </p>
 +
    </div>
 +
    <img class="right eventimage elderlyimageright" src="https://static.igem.org/mediawiki/2018/a/a7/T--KCL_UK--elderly2.jpg"></div>
 +
  </div>
 +
</section>
 +
 
 +
<section id="engagementsection">
 +
<img id="backgroundfancy"src="https://static.igem.org/mediawiki/2018/6/66/T--KCL_UK--socialmediainfographic.png"></img>
 +
  </section>
  
 
     </body>
 
     </body>
 
</html>
 
</html>

Latest revision as of 20:51, 17 October 2018

KCL iGEM

KCL iGEM

Public Engagement

Education

How much do we really need to know about antibiotic resistance? Is it really relevant to our everyday lives if we can’t understand half the information we’re reading? (What does methicillin-resistant Staphylococcus aureus even mean?)

Our team believes that everyone from the age of eleven to seventy seven should have the same understanding of the medications they’re taking as the food that they eat- and by extension the medication going into the food that they eat. In many circles synthetic biology has been given a bad name- it’s time to show what we can do for good!

Bexley School Visit

We organised a symposium for the year eleven pupils of Bexley Grammar, to teach them a little about what iGEM is and does, but mostly to extend their knowledge and understanding beyond GCSE requirement of synthetic biology. We set up different stations, using everyday objects to explain the complex science behind genetic engineering. We built DNA out of sweets; explained cell biology with LegoTM, and separated strawberry DNA with mango juice and alcohol. The final debate we staged was easily the star of the show. The pupils took on the attitudes of different peoples affected by genetic engineering: farmers, doctors, and scientists both for an against GM products. It was a great exercise in concisely and clearly communicating your point and we could see first-hand exactly how much they had learned from us. We asked them to fill out a survey about their experience, and the responses were encouraging.

See the Results

Work In Kenya

"The reality of life in Kenya is, unsurprisingly, very different to life in the UK. The local wild life is much more exciting for starters, trading in sheep for lions and leopards. The cuisine is more exciting than “bangers and mash”. The healthcare expenditure per capita in Kenya is approximately £2700 less than in the UK (looking at statistics from 2014).

I realised that the situation was worse than I was expecting. The knowledge about [antibiotic resistance] is very poor. Most people don’t know which medications are classed as an antibiotic and that use must be controlled. The control of medication within the food industry is rudimental, which enables livestock companies to use major doses of antibiotics that results in excessive animal growth and more profit. The lack of sanitation and infrastructures with the addition of a poor correlation between diet and health are aspects that worsen the situation in the fight against antibiotic resistance..."

While I was living in the outskirts of Nairobi, I worked as a volunteer in an orphanage of 34 children, from aged six to seventeen. One of the eldest girls at the orphanage attended one of the best schools in Kenya, and she told me that it was common knowledge amongst the more privileged that in very poor areas of the country where people don’t have any money to buy antibiotics and other drugs, there are pharmaceutical companies distributing non-approved (or experimental) drugs. It was a horrifying realisation for me, that large companies take advantage of the lack of conditions and knowledge of these people.

Once I was living near the orphanage and working there every day, I decided to give some lectures about genetics and synthetic biology to the older kids. I organised evening lectures, after all the kids had finished school and were already at the house. I began with curriculum science- talking about DNA composition and its functions in our cell, and consequently in our lives. As interest piqued, we discussed some of the applications of synthetic biology and how we can now start editing DNA and the consequences that these can have in the future of humanity.

Teaching can be unforgiving, but teaching kids who are actually interested is incredibly rewarding. Many children in the UK and across Europe take their education for granted- whether that is because of cultural attitudes or the fact that education is a given right, I do not know. The children in the orphanage were, in contrast, committed to learning. They knew the hurdles they had to overcome, and persisted- which was inspiring.

Belvedere Wellbeing Centre Visit

As part of our Public Engagement activities, in September a few of our team visited the Belvedere Wellbeing Centre for elderly people in the London Borough of Bexley. We set out to open up the dialogue about antibiotic resistance to include more people in shaping synthetic biology, including groups not traditionally consulted. We thought it best to shed the conventional methods of teaching that we had relied on at Bexley Grammar School, and instead simply start a conversation about the elderly’s experiences of antibiotic administration and whether they see the use of antibiotics in animal farming as a factor in their shopping habits.