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

 
(34 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">Academics</span></a>
+
−
<div class="banner_link filler col-xs-6 col-sm-3"><!--Empty--></div>
+
−
<a href="#section_5" class="banner_link col-xs-6 col-sm-3"><span class="twoline">Panel<br />Discussion</span></a>
+
−
                                <a href="#section_6" class="banner_link col-xs-6 col-sm-3"><span class="oneline">Future</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 660: 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="contentTitle">
+
−
Overview
+
−
</div>
+
−
               
+
−
                <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>
+
−
 
+
−
               
+
−
</div>               
+
−
 
+
−
 
+
−
 
+
−
<br>
+
−
<br>
+
−
 
+
−
</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 class="col-xs-12 div_content">
+
 
<div id="section_2" class="link_fix"></div>
 
<div id="section_2" class="link_fix"></div>
 
<div id="contentTitle">
 
<div id="contentTitle">
Line 798: Line 755:
 
Academics
 
Academics
 
</div>
 
</div>
−
<a href="#DrAG" >LabIntegration</a>
+
<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;
 +
}
  
−
<p id="pp,DrAG">
+
.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">
 
<strong>
 
<strong>
 
Interview with Dr Andrew Griffiths - Equality, Diversity and Inclusivity lead for Biosciences at the University of Exeter:
 
Interview with Dr Andrew Griffiths - Equality, Diversity and Inclusivity lead for Biosciences at the University of Exeter:
Line 855: 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">
 
<p id="pp">
 
<p id="pp">
 
<strong>
 
<strong>
Line 899: Line 915:
 
</li>
 
</li>
 
</ul>
 
</ul>
−
 
+
                <p id="pp"><a href="#Academiclist" >Back to list</a></p>
−
 
+
<br id="DrCL">
 
<p id="pp">
 
<p id="pp">
 
<strong>
 
<strong>
Line 973: Line 989:
 
</video>
 
</video>
 
</div>
 
</div>
−
 
+
                <p id="pp"><a href="#Academiclist" >Back to list</a></p>
 +
<br id="DrSD">
 
<p id="pp">
 
<p id="pp">
 
<strong>
 
<strong>
Line 1,034: Line 1,051:
  
 
 
−
+
                <p id="pp"><a href="#Academiclist" >Back to list</a></p>
−
 
+
<br id="DrRW">
 
<p id="pp">
 
<p id="pp">
 
<strong>
 
<strong>
Line 1,098: Line 1,115:
 
</video>
 
</video>
  
−
+
                <p id="pp"><a href="#Academiclist" >Back to list</a></p>
−
 
+
<br id="ProfMR">
 
<p id="pp">
 
<p id="pp">
  
Line 1,182: 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_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>
 
<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_5" class="link_fix"></div>
 
<div id="section_5" class="link_fix"></div>
Line 1,287: 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