Difference between revisions of "Team:Exeter/HP/Silver"

 
(12 intermediate revisions by 3 users not shown)
Line 108: Line 108:
 
#soc{
 
#soc{
 
margin-top:-12px;
 
margin-top:-12px;
+
margin-left:-15px;
 
}
 
}
/****Social Media navbar icons****/
+
.soc_1{
/*youtube*/
+
#soc_1{  
+
 
margin-right:3px;
 
margin-right:3px;
height:50px;
 
width:48px;
 
 
}
 
}
/*facebook*/
+
.soc_2{
#soc_2{
+
 
margin-right:3px;
 
margin-right:3px;
height:50px;
 
width:48px;
 
 
}
 
}
/*Twitter*/
+
.soc_3{
#soc_3{
+
 
margin-right:3px;
 
margin-right:3px;
margin-right:18px;
 
height:50px;
 
width:48px;
 
 
}
 
}
  
Line 417: Line 406:
 
}
 
}
 
#title{
 
#title{
font-size:150%;
+
font-size:260%;
 +
}
 +
.banner_link{
 +
font-size:22px;
 +
}
 +
.div_banner{
 +
margin-top:20px;
 
}
 
}
 
/*Makes side pictures on banner invisible on small screens*/
 
/*Makes side pictures on banner invisible on small screens*/
Line 464: Line 459:
 
margin-left:0.85vw;
 
margin-left:0.85vw;
 
}
 
}
 +
}
 +
#links_drop{
 +
color:#47BCC2;
 +
/*font-size:20px;*/
 +
font-size:1.2vw;
 +
margin:8px 0.9vw 0.5vh 0.9vw;
 +
padding:0.06vw 0 0 0;
 +
line-height:0px;
 +
}
 +
@media (max-width: 920px){
 +
#links_drop{
 +
margin-left:0;
 +
padding-top:9px;
 +
margin-top:-4px;
 +
font-size:20px;
 +
}
 +
}
 +
button.dropdown-toggle{
 +
padding-top:21px; !important
 +
}
 +
@media (max-width: 767px){
 +
button.dropdown-toggle{
 +
padding-top:5px;
 +
}
 +
}
 +
#links_drop:hover span{
 +
color:#339499;
 
}
 
}
 
</style>
 
</style>
Line 482: Line 504:
 
     </div>
 
     </div>
 
     <div>
 
     <div>
        <div class="collapse navbar-collapse" id="myNavbar">
+
        <div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
+
<ul class="nav navbar-nav">
<li><div id="links" style="margin:0;" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
     <span style="margin-bottom:4px;">Lab</span>
 
     <span style="margin-bottom:4px;">Lab</span>
Line 492: Line 514:
 
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Project">Lab Project</a></li>
 
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Project">Lab Project</a></li>
 
     <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Labbook">Lab Book</a></li>
 
     <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Labbook">Lab Book</a></li>
 +
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Safety">Safety</a></li>
  
 
   </ul>
 
   </ul>
Line 497: Line 520:
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Parts">Parts</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Parts">Parts</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Team">Team</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Team">Team</a></li>
<li ><a id="links" href="https://2016.igem.org/Team:Exeter/Interlab">InterLab</a></li>
+
<li><a id="links" href="https://2016.igem.org/Team:Exeter/Interlab">InterLab</a></li>
<li><div id="links" style="margin:0;" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
     <span style="margin-bottom:4px;">Human Practices</span>
 
     <span style="margin-bottom:4px;">Human Practices</span>
Line 504: Line 527:
 
   </button>
 
   </button>
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">   
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">   
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Human_Practices">Human Practices Homepage</a></li>
+
    <li><a id="links" style="margin:10px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Integrated_Practices">Integrated</a></li>
    <li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Integrated_Practices">Integrated</a></li>
+
<li><a id="links" style="background:none;line-height:0.7vh;margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Engagement">Public Engagement<br /><br /><br /> & Education</a></li><li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Engagement">Engagement</a></li>
+
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
+
  
 
   </ul>
 
   </ul>
Line 514: Line 535:
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Attributions">Attributions</a></li>
 
<li ><a id="links"href="https://2016.igem.org/Team:Exeter/Attributions">Attributions</a></li>
  
<li><div id="links" style="margin:0;" class="dropdown">
+
<li><div id="links_drop" class="dropdown">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
 
     <span style="margin-bottom:4px;">Awards</span>
 
     <span style="margin-bottom:4px;">Awards</span>
Line 521: Line 542:
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
 
   <ul class="dropdown-menu" style="background:#e8e8e8;margin-left:25px;" aria-labelledby="dropdownMenu1">
 
    
 
    
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Awards">Medals</a></li>
+
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/Awards">Awards</a></li>
<li><span style="margin:10px 0 30px 2px;padding:0;">Special pages</span></li>
+
<li><span style="margin:10px 0 30px 2px;padding:0;"><u>Special pages</u></span></li>
 
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Silver">HP Silver</a></li>
 
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Silver">HP Silver</a></li>
 
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Gold">HP Gold</a></li>
 
<li><a id="links" style="margin:30px 0 10px 2px;padding:0;font-size:1.8vh;" href="https://2016.igem.org/Team:Exeter/HP/Gold">HP Gold</a></li>
Line 534: Line 555:
  
 
</ul>
 
</ul>
<ul class="nav navbar-nav navbar-right" >
+
<ul class="nav navbar-nav navbar-right">
<li class="media_icon">
+
<li style="height:50px;width:48px;"class="soc_1">
<a id="soc_1" href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
+
<a href="https://www.youtube.com/channel/UC31qfG4hnm8gRHDCkrBtAiQ">
<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/>
+
<img id = "soc" src="https://static.igem.org/mediawiki/2016/2/23/You.png"/></a>
</a>
+
</li>
</li>
+
<li style="height:50px;width:48px;"class="soc_2">
    <li class="media_icon" >
+
<a href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel">
<a id="soc_2"href="https://www.facebook.com/ExeteriGEM2016/?ref=aymt_homepage_panel">
+
<img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/></a>
<img id = "soc" src="https://static.igem.org/mediawiki/2016/5/51/Fb.png"/>
+
</li>
</a>
+
<li style="height:50px;width:48px;"class="soc_3">
</li>
+
<a href="https://twitter.com/exeter_igem">
    <li class="media_icon" >
+
<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/></a>
<a id="soc_3" href="https://twitter.com/exeter_igem">
+
</li>
<img id = "soc" src="https://static.igem.org/mediawiki/2016/7/76/Twit.jpg"/>
+
</ul>
</a>
+
</li>
+
</ul>
+
 
    </div>
 
    </div>
 
     </div>
 
     </div>
Line 596: Line 614:
 
<!--Content begins-->
 
<!--Content begins-->
 
<div class="container">
 
<div class="container">
<div class="div_vl backgroundimage">
+
<h1>Human Practices - Silver Award</h1>
<h1 id="title">HP Silver</h1>
+
<h5>Education</h5>
<!--Contains links to sections on page-->
+
<h6>BioMech</h6>
<div class="div_banner">
+
<p id="pp">Synthetic Biology is severely under-taught at all stages of education, occasionally certain syllabi will lightly touch on certain concepts, but only to briefly move on without any real depth into the topic. One of the aims of our human practises is to address this by providing easily accessible synthetic biology learning resources such as a board game, open to teachers and students alike. This lack of focus on synthetic biology is not only seen in lower levels of education, but further up the age ladder at university. Very few universities offer modules in specifically synthetic biology which is why we have taken steps to implement a module in our own university. </p>
<!--Right picture (the teal line on right)-->
+
<div class="col-sm-2 subdiv_banner left">
+
<img src="https://static.igem.org/mediawiki/2016/8/8a/T--Exeter--Template_Banner_left.png">
+
</div>
+
<!--Contains all information of banner in the middle-->
+
<!--of the two outer images-->
+
<div class="col-xs-12 col-sm-8 subdiv_banner middle">
+
<!--Use bootstrap to add links using all 12 columns-->
+
<!--For each link please give double the coloumns for when-->
+
<!--the screen is xs compared to when it is sm-->
+
+
<!--Give span class "oneline" or "twoline" depending on how llong the section text is-->
+
<a href="#section_1" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S1</span></a>
+
<a href="#section_2" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S2</span></a>
+
<a href="#section_3" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S3</span></a>
+
<a href="#section_4" class="banner_link col-xs-6 col-sm-3"><span class="oneline">S4</span></a>
+
</div>
+
<!--Left picture (the teal line on left)-->
+
<div class="col-sm-2 subdiv_banner right">
+
<img src="https://static.igem.org/mediawiki/2016/5/56/T--Exeter--Template_Banner_right.png">
+
</div>
+
</div>
+
<div>
+
<a id="Section_link" href="#section_1" style="display:block;margin:34vh auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
+
</div>
+
</div>
+
<div class="col-xs-12 div_content">
+
<div id="section_1" class="link_fix"></div>
+
<div id="contentTitle">
+
S1
+
</div>
+
 
+
+
<div>
+
<a id="Section_link" href="#section_2" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
+
</div>
+
</div>
+
<div class="col-xs-12 div_content">
+
<div id="section_2" class="link_fix"></div>
+
<div id="contentTitle">
+
S2
+
</div>
+
+
 
 
+
<p id="pp">BioMech is an educational synthetic biology board game, designed by the 2016 Exeter iGEM team for students aged 14-18. The concept of the board game was developed early on in the project, with the design informed by a year 10 work experience student. The board game was then tested with GCSE students from two schools, the feedback from which was used to tailor the game around the current knowledge of year 10 students. The intention is to introduce the concept of synthetic biology to a younger age group in a fun and engaging manner. In order to make the game widely accessible despite needing a physical copy BioMech has been uploaded to our wiki, and is able to download with printing instructions for free. We hope that BioMech will inspire students to further their own education independently given that there is currently very little taught on the topic prior to university level.</p>
<div>
+
<a id="Section_link" href="#section_3" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
+
</div>
+
</div>
+
<div class="col-xs-12 div_content">
+
<div id="section_3" class="link_fix"></div>
+
<div id="contentTitle">
+
S3
+
</div>
+
  
 +
<p id="pp">You can read more about BioMech <a href="https://2016.igem.org/Team:Exeter/Engagement#section_1">here.</a></p>
 +
<h6>Synthetic Biology Module</h6>
 +
<p id="pp">Continuing with the theme of responding to a lack of education in synthetic biology, we also looked at university level education. Due to the lack of any type of formal synthetic biology teaching here at the University of Exeter, we have created a second year synthetic biology module to implement in the Biosciences department. During the design process we managed to talk to multiple academics about their thoughts on the process of implementing new modules into the syllabus, and how it could be made more efficient in the future. It will be available for second year Biosciences and Natural Sciences students to take from September 2017.</p>
 +
<p id="pp">You can read more about the module <a href="https://2016.igem.org/Team:Exeter/Engagement#section_2">here.</a></p>
 +
<br />
 +
<h5>Public Perception</h5>
 +
<h6>Desert Island... Science?</h6>
 +
<p id="pp">‘Desert Island… Science?’ is an interview series hosted on our YouTube channel and wiki, in which we spoke to a variety of academics and leading figures in science, and often more specifically, in synthetic biology. It is inspired by the similarly named ‘Desert Island Discs’ on BBC channel 4, and mixes fun, light questions with more interesting, complicated enquiries into their work, their opinions on topics like equality in science and need for education, etc.</p>
 +
<p id="pp">The intention of ‘Desert Island… Science?’ is to humanise academics and experts to the public in light of the current anti-expert sentiment, and make the work of scientist more accessible and engaging to people not involved in the field. Whilst we recognise the perception of synthetic biology has improved greatly since several years ago, there is often still negativity and confusion associated with the general perception of the field, which is something we hope to negate by showing the positive impacts and implications of synthetic through our interviews.</p>
  
+
<p id="pp">You can read more about ‘Desert Island… Science?’ <a href="https://2016.igem.org/Team:Exeter/Engagement#section_3">here.</a></p>
+
<br />
<div>
+
<h5>Public Outreach</h5>
<a id="Section_link" href="#section_4" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a>
+
<p id="pp">The Big Bang South West science fair was the first science fair we attended, falling on 29th June 2016. It was aimed towards students of all ages, teachers and parents, and allowed to get a range of feedback on our board game, BioMech, which first premiered there. We also engaged students present with activities from William and Mary’s 2015 activities booklet, using the gene bracelet and sweetie DNA activities to grab attention and open dialogue, both of which worked effectively. We believed that the activities booklet supplemented our intentions of presenting synthetic biology in a friendly manner perfectly.</p>
</div>
+
<p id="pp">The Britain Needs Scientists fair was a much smaller fair we attended on 6th July 2016, aimed primarily at A Level students looking at doing a degree in a science. Our primary focus here was highlighting synthetic biology as a multi-disciplinary subject, and engage in more challenging conversations with interested students. Due to the name; synthetic biology an assumption is quickly made that it is heavily biology based, when in fact is contains aspect of all STEM subjects.</p>
</div>
+
<div class="col-xs-12 div_content">
+
<div id="section_4" class="link_fix"></div>
+
<div id="contentTitle">
+
S4
+
</div>
+
+
 
+
+
</div>
+
  
 +
<p id="pp">You can read more about our science fair visits <a href="https://2016.igem.org/Team:Exeter/Engagement#section_5">here.</a></p>
 +
<br />
 
</div>
 
</div>
  

Latest revision as of 20:41, 19 October 2016