Difference between revisions of "Team:Exeter/Integrated Practices"

 
(43 intermediate revisions by 5 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 373: Line 362:
 
     -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 
     -webkit-transform: translateY(-50%) /* Chrome, Safari, Opera */
 
     transform: translateY(-50%);
 
     transform: translateY(-50%);
margin-top:20%;
 
 
}
 
}
 
.banner_link,.banner_link:visited{
 
.banner_link,.banner_link:visited{
Line 381: Line 369:
 
color:#47BCC2;
 
color:#47BCC2;
 
text-align:center;
 
text-align:center;
font-size:1.5vw;
+
font-size:2vw;
 
/*Max font size where "section" and "1" don't appear on*/
 
/*Max font size where "section" and "1" don't appear on*/
 
}
 
}
Line 520: Line 508:
 
     <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_drop" 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">
Line 529: Line 517:
 
<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 557: Line 546:
 
    
 
    
 
<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><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 569: Line 558:
  
 
</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 647: Line 633:
 
 
 
<!--Give span class "oneline" or "twoline" depending on how llong the section text is-->
 
<!--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">Overview</span></a>
+
<a href="https://2016.igem.org/Team:Exeter/Integrated_Practices/lab" class="banner_link col-xs-6"><span class="oneline">Integrated: Kill Switch</span></a>
<a href="#section_2" class="banner_link col-xs-6 col-sm-3"><span class="twoline">Lab<br />Integration</span></a>
+
<a href="https://2016.igem.org/Team:Exeter/Integrated_Practices/ED" class="banner_link col-xs-6"><span class="oneline">Integrated: Equality and Diversity</span></a>
<a href="#section_3" class="banner_link col-xs-6 col-sm-3"><span class="twoline">Students<br />opinion</span></a>
+
<a href="#section_4" class="banner_link col-xs-6 col-sm-3"><span class="oneline">Dr Griffiths</span></a>
+
<a href="#section_5" class="banner_link col-xs-6 col-sm-3"><span class="oneline">Dr Santos</span></a>
+
<a href="#section_6" class="banner_link col-xs-6 col-sm-3"><span class="oneline">Dr Lewis</span></a>
+
<a href="#section_7" class="banner_link col-xs-6 col-sm-3"><span class="oneline">Dr Dixon</span></a>
+
<a href="#section_8" class="banner_link col-xs-6 col-sm-3"><span class="oneline">Dr Wilson</span></a>
+
<div class="banner_link filler col-xs-6 col-sm-3"><!--Empty--></div>
+
<a href="#section_9" class="banner_link col-xs-6 col-sm-3"><span class="oneline">Prof. Ryan</span></a>
+
<a href="#section_10" class="banner_link col-xs-6 col-sm-3"><span class="twoline">Panel<br />Discussion</span></a>
+
                                <a href="#section_11" class="banner_link col-xs-6 col-sm-3"><span class="twoline">Panel<br />Discussion</span></a>
+
<div class="banner_link filler col-xs-6 col-sm-3"><!--Empty--></div>
+
 
</div>
 
</div>
 
<!--Left picture (the teal line on left)-->
 
<!--Left picture (the teal line on left)-->
Line 665: Line 641:
 
<img src="https://static.igem.org/mediawiki/2016/5/56/T--Exeter--Template_Banner_right.png">
 
<img src="https://static.igem.org/mediawiki/2016/5/56/T--Exeter--Template_Banner_right.png">
 
</div>
 
</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>
 
</div>
<div class="col-xs-12 div_content">
+
<div id="section_1" class="link_fix"></div>
+
<!-- <div class="col-xs-12 div_content">
 +
<div id="section_2" class="link_fix"></div>
 
<div id="contentTitle">
 
<div id="contentTitle">
Overview
+
Lab intergration
 
</div>
 
</div>
               
+
<h6>Lab Integration:</h6>
                <p id="pp">We approached our Integrated Human Practices from two perspectives: the traditional, integrating the Human Practices into the lab project; and the unconventional, integrating the human practices into itself. We thought we could make the biggest impact in both Human Practices and the lab if we provided cohesive, reassured arguments for our methods. </p>
+
 
+
                <h6>Lab Integration:</h6>
+
 
                  
 
                  
 
                 <p id="pp">By interviewing academic and industry researchers about their understanding of kill switches, we could analyse whether they are effective biosafety mechanisms and if they are appropriate for use in either industry or academic research.</p>
 
                 <p id="pp">By interviewing academic and industry researchers about their understanding of kill switches, we could analyse whether they are effective biosafety mechanisms and if they are appropriate for use in either industry or academic research.</p>
Line 693: Line 664:
 
Your browser does not support the video tag.
 
Your browser does not support the video tag.
 
</video>
 
</video>
</div>              
+
</div>
  
 +
<br />
 +
 +
 +
<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">
 +
Student opinions
 +
</div>
  
 
<h6>Outreach Integration:</h6>
 
<h6>Outreach Integration:</h6>
Line 701: Line 685:
 
                  
 
                  
 
                 <p id="pp">We also wanted to integrate the public engagement and education sections into themselves and as a consequence evolve the project as we went. Our board game, BioMech, was developed through a series of prototypes to the version we have now. We plan on further it after this year’s iGEM is concluded. The insight of the teachers and students at both the schools we visited as well as the science fairs shaped the way we designed the gameplay of BioMech. We used the people attending these events as focus groups, testing all aspects of BioMech. For example, from our first test at The Judd School we realised that even though we like using 3D printed shapes as counters, they cluttered the board space too much. The teachers also brought up how the counters would be easily lost or how they were even potential choking hazards. As a result we got rid of them. Furthermore, the students found the original colour matching rules difficult to understand and so we simplified them. </p>
 
                 <p id="pp">We also wanted to integrate the public engagement and education sections into themselves and as a consequence evolve the project as we went. Our board game, BioMech, was developed through a series of prototypes to the version we have now. We plan on further it after this year’s iGEM is concluded. The insight of the teachers and students at both the schools we visited as well as the science fairs shaped the way we designed the gameplay of BioMech. We used the people attending these events as focus groups, testing all aspects of BioMech. For example, from our first test at The Judd School we realised that even though we like using 3D printed shapes as counters, they cluttered the board space too much. The teachers also brought up how the counters would be easily lost or how they were even potential choking hazards. As a result we got rid of them. Furthermore, the students found the original colour matching rules difficult to understand and so we simplified them. </p>
<br>
 
<br>
 
  
</div>
+
<h5>Background</h5>
+
<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 class="col-xs-12 div_content">
+
<div id="section_2" class="link_fix"></div>
+
<div id="contentTitle">
+
Equality and Diversity
+
</div>
+
<h5>Background</h5>
+
 
<p id="pp">
 
<p id="pp">
 
The fundamental reason we have for targeting equality and diversity within science, is that synthetic biology has the chance to be hierarchically and systematically equal from the beginning. If those working in the field can encourage the importance of diversity to younger generations, then when synthetic biology becomes better recognised publicly as a field of science, it has the possibility of being known for its progressive nature towards gender, racial and socio-economical equality.  
 
The fundamental reason we have for targeting equality and diversity within science, is that synthetic biology has the chance to be hierarchically and systematically equal from the beginning. If those working in the field can encourage the importance of diversity to younger generations, then when synthetic biology becomes better recognised publicly as a field of science, it has the possibility of being known for its progressive nature towards gender, racial and socio-economical equality.  
Line 772: Line 743:
 
Your browser does not support the video tag.
 
Your browser does not support the video tag.
 
</video>
 
</video>
</div>
 
 
<br />
 
 
 
<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>
 
 
  
  
Line 798: Line 753:
 
<div id="section_4" class="link_fix"></div>
 
<div id="section_4" class="link_fix"></div>
 
<div id="contentTitle">
 
<div id="contentTitle">
S4
+
Academics
 
</div>
 
</div>
 +
<style>
 +
ul{
 +
list-style-image:none;
 +
}
 +
.container ul{
 +
padding-top:20px;
 +
padding-right:40px;
 +
padding-left:80px;
 +
font-size:150%;
 +
}
 +
.container ul li {
 +
    /* Text color */
 +
    color: #333;
 +
    list-style-type: none;
 +
}
  
 +
.container ul li:before {
 +
    /* Unicode bullet symbol */
 +
    content: '\25AA';
 +
    /* Bullet color */
 +
    color: #47BCC2;
 +
    padding-right: 0.5em;
 +
}
 +
ol{
 +
padding-top:20px;
 +
padding-right:40px;
 +
padding-left:80px;
 +
font-size:150%;
 +
}
 +
ol li {
 +
    /* Text color */
 +
    color: #333;
 +
    list-style-type: none;
 +
}
 +
ol li {
 +
    list-style-type: none;
 +
    counter-increment: list;
 +
    position: relative;
 +
}
 +
 +
ol li:before {
 +
    content: counter(list) ".";
 +
    position: absolute;
 +
    left: -2.5em;
 +
    width: 2em;
 +
    text-align: right;
 +
    color: #47BCC2;
 +
}
 +
</style>
 +
<br>
 +
<br>
 +
                <ol id="Academiclist">
 +
                    <li><a href="#DrAG" >Dr Andrew Griffiths</a></li>
 +
                    <li><a href="#DrES" >Dr Eduarda Santos</a></li>
 +
                    <li><a href="#DrCL" >Dr Ceri Lewis</a></li>
 +
                    <li><a href="#DrSD" >Dr Sharon Dixon</a></li>
 +
                    <li><a href="#DrRW" >Dr Rob Wilson</a></li>
 +
                    <li><a href="#ProfMR" >Professor Michelle Ryan</a></li>
 +
                </ol>
 +
 +
<br id="DrAG">
 
<p id="pp">
 
<p id="pp">
 
<strong>
 
<strong>
Line 856: Line 871:
 
Your browser does not support the video tag.
 
Your browser does not support the video tag.
 
</video>
 
</video>
 
+
                <p id="pp"><a href="#Academiclist" >Back to list</a></p>
+
<br id="DrES">
<div>
+
<a id="Section_link" href="#section_5" 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_5" class="link_fix"></div>
+
<div id="contentTitle">
+
S5
+
</div>
+
 
<p id="pp">
 
<p id="pp">
 
<strong>
 
<strong>
Line 909: Line 915:
 
</li>
 
</li>
 
</ul>
 
</ul>
 
+
                <p id="pp"><a href="#Academiclist" >Back to list</a></p>
 
+
<br id="DrCL">
+
<div>
+
<a id="Section_link" href="#section_6" 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_6" class="link_fix"></div>
+
<div id="contentTitle">
+
S6
+
</div>
+
 
<p id="pp">
 
<p id="pp">
 
<strong>
 
<strong>
Line 985: Line 981:
  
  
+
<div class="row" style="padding-top:20px">
<div>
+
<video style="margin:auto;display:block;width:50%;" controls>
<a id="Section_link" href="#section_7" 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>
+
<source src="https://static.igem.org/mediawiki/2016/8/8e/T--Exeter--Integrated_CLmp4.mp4" type="video/mp4">
</div>
+
<source src="https://static.igem.org/mediawiki/2016/f/f5/T--Exeter--Integrated_CLogg.ogg" type="video/ogg">
</div>
+
<div class="col-xs-12 div_content">
+
Your browser does not support the video tag.
<div id="section_7" class="link_fix"></div>
+
</video>
<div id="contentTitle">
+
</div>
S7
+
                <p id="pp"><a href="#Academiclist" >Back to list</a></p>
</div>
+
<br id="DrSD">
 
+
 
<p id="pp">
 
<p id="pp">
 
<strong>
 
<strong>
Line 1,056: Line 1,051:
  
 
 
<div>
+
                <p id="pp"><a href="#Academiclist" >Back to list</a></p>
<a id="Section_link" href="#section_8" 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>
+
<br id="DrRW">
</div>
+
</div>
+
<div class="col-xs-12 div_content">
+
<div id="section_8" class="link_fix"></div>
+
<div id="contentTitle">
+
S8
+
</div>
+
 
+
 
<p id="pp">
 
<p id="pp">
 
<strong>
 
<strong>
Line 1,128: Line 1,115:
 
</video>
 
</video>
  
+
                <p id="pp"><a href="#Academiclist" >Back to list</a></p>
<div>
+
<br id="ProfMR">
<a id="Section_link" href="#section_9" 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_9" class="link_fix"></div>
+
<div id="contentTitle">
+
S9
+
</div>
+
 
+
 
<p id="pp">
 
<p id="pp">
  
Line 1,221: Line 1,199:
 
                 <p id="pp">Overall, we have examined the work of academics at this university who attempt to improve equality and diversity, at their different levels, in science. They have greatly informed us on the problems with gender inequality as well as how the university is, and plans on tackling the problem. </p>
 
                 <p id="pp">Overall, we have examined the work of academics at this university who attempt to improve equality and diversity, at their different levels, in science. They have greatly informed us on the problems with gender inequality as well as how the university is, and plans on tackling the problem. </p>
  
+
 
 
<div>
 
<div>
<a id="Section_link" href="#section_10" 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>
+
<a id="Section_link" href="#section_5" 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>
+
 
 
<div class="col-xs-12 div_content">
 
<div class="col-xs-12 div_content">
<div id="section_10" class="link_fix"></div>
+
<div id="section_5" class="link_fix"></div>
 
<div id="contentTitle">
 
<div id="contentTitle">
S10
+
Panel discussion
 
</div>
 
</div>
  
Line 1,310: Line 1,288:
 
</div>
 
</div>
 
<div>
 
<div>
<a id="Section_link" href="#section_11" 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>
+
<a id="Section_link" href="#section_6" 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>
 
</div>
 
<div class="col-xs-12 div_content">
 
<div class="col-xs-12 div_content">
<div id="section_11" class="link_fix"></div>
+
<div id="section_6" class="link_fix"></div>
 
<div id="contentTitle">
 
<div id="contentTitle">
S 11
+
Future
 
</div>
 
</div>
 
<h5>The Gender Study - A Future Project</h5>
 
<h5>The Gender Study - A Future Project</h5>
Line 1,326: Line 1,304:
 
</p>
 
</p>
 
<p id="pp">
 
<p id="pp">
Due to time restraints, we will be unable to undertake this follow-up gender study, however we challenge future iGEM teams, who struggle with Human Practices, to look at the impact they could make locally and nationally in equality and diversity, and perform a follow up study to Paris Bettencourt’s from 2013. We believe that iGEM teams have a fantastic opportunity to make a significant difference in this areas by highlighting the work of academics and researchers at their university working to achieve greater equality in their field of science, or in science as a whole. We also challenge iGEM to look more at ways of improving and encouraging greater diversity, so that synthetic biology can be recognised as a positive, progressive field of science and one that acts as a representative to the individual core subjects that make up it.
+
Due to time restraints, we will be unable to undertake this follow-up gender study, however we challenge future iGEM teams, who struggle with Human Practices, to look at the impact they could make locally and nationally in equality and diversity, and perform a follow up study to Paris Bettencourt’s from 2013. We believe that iGEM teams have a fantastic opportunity to make a significant difference in this area by highlighting the work of academics and researchers at their university working to achieve greater equality, diversity and inclusivity in their field of science, or in science as a whole. We also challenge iGEM to look more at ways of improving and encouraging greater diversity, so that synthetic biology can be recognised as a positive, progressive field of science and one that acts as a representative to the individual core subjects that make up it.
 
</p>
 
</p>
 
</div>
 
</div>
 
 
 
 
 
+
-->
</div>
+
</div><!--This should be the container div-->
  
  

Latest revision as of 20:31, 19 October 2016