Difference between revisions of "Team:Exeter/dis"

(Created page with "<html> </div></div></div></div></div> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://max...")
 
 
(8 intermediate revisions by 2 users not shown)
Line 50: Line 50:
 
display:none;
 
display:none;
 
   }
 
   }
 +
}
 +
.div_audio{
 +
margin: 20px auto 12px auto;
 +
display:block;
 
}
 
}
 
#links{
 
#links{
Line 71: Line 75:
 
#links:hover{
 
#links:hover{
 
color:#339499;
 
color:#339499;
 +
}
 +
 +
.div_audio{
 +
margin: 20px auto 12px auto;
 +
display:block;
 +
}
 +
.div_log{
 +
padding-right:0;
 +
}
 +
span.vlog{
 +
position: absolute;
 +
font-size:4vh;
 +
bottom: 0.2vh;
 +
left: 1.5vh;
 +
}
 +
.log_img{
 +
max-width:100%;
 +
margin:1vh 0;
 +
padding:0;
 +
cursor:default;
 +
}
 +
.audio_controls{
 +
max-width:100%;
 +
padding:0;
 +
background:#fafafa;
 +
border-style: none none solid none;
 +
border-width:3px;
 +
color:#8cd5d9;
 
}
 
}
 
#links:active{
 
#links:active{
Line 289: Line 321:
 
#sectionGap, #sectionGap:focus, #contentTitle{
 
#sectionGap, #sectionGap:focus, #contentTitle{
 
min-width:100%;
 
min-width:100%;
−
min-height:10vh;
+
//min-height:10vh;
 
background:#e8e8e8;
 
background:#e8e8e8;
 
display:block;
 
display:block;
Line 331: Line 363:
 
.div_content{
 
.div_content{
 
padding:0;
 
padding:0;
−
min-height:100vh;
+
min-height:80vh;
 
width:100%;
 
width:100%;
 
background:#eeeeee;
 
background:#eeeeee;
Line 417: Line 449:
 
}
 
}
 
#title{
 
#title{
−
font-size:150%;
+
font-size:260%;
 +
}
 +
.banner_link{
 +
font-size:16px;
 +
}
 +
.div_banner{
 +
margin-top:20px;
 
}
 
}
 
/*Makes side pictures on banner invisible on small screens*/
 
/*Makes side pictures on banner invisible on small screens*/
Line 424: Line 462:
 
display:none;
 
display:none;
 
}
 
}
 +
}
 +
#dropdownMenu1{
 +
margin-top:-0.15vw;
 +
background:#e8e8e8;
 +
border-style:none;
 +
}
 +
@media (min-width: 767px){
 +
.dropdown-menu{
 +
margin-top:24px;
 +
left:-19px;
 +
border-radius:0px;
 +
padding:4px;
 +
}
 +
}
 +
/*Mobile and small screen css*/
 +
@media (max-width: 767px){
 +
.div_vl.backgroundimage{
 +
height:67vh;
 +
background-size: auto 200%;
 +
}
 +
.div_l{
 +
display:none;
 +
}
 +
#logo_Banner_Desktop{
 +
display:none;
 +
}
 +
#logo_Banner_Mobile{
 +
display:block;
 +
width:100%;
 +
max-width:200px;
 +
margin:auto;
 +
}
 +
#dropdownMenu1{
 +
padding:2.5% 0 2% 0;
 +
margin:-1.6% auto -1.4% 0.9%;
 +
}
 +
#links{
 +
padding:10px 0;
 +
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 443: Line 548:
 
     <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" 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" style="margin-top:-0.15vw;background:#e8e8e8;border-style:none;">
+
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
−
    <span>Lab</span>
+
    <span style="margin-bottom:4px;">Lab</span>
 
     <span class="caret"></span>
 
     <span class="caret"></span>
 
   </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 role="separator" style="background:#8cd5d9;margin:-5px 0 15px -7px;" class="divider"></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:10px 0 30px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Project">Lab</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:1vw;" 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 458: Line 563:
 
<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" 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" style="margin-top:-0.15vw;background:#e8e8e8;border-style:none;">
+
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
−
    <span>Human Practises</span>
+
    <span style="margin-bottom:4px;">Human Practices</span>
 
     <span class="caret"></span>
 
     <span class="caret"></span>
 
   </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 role="separator" style="background:#8cd5d9;margin:-5px 0 15px -7px;" class="divider"></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:10px 0 30px 2px;padding:0;font-size:1vw;" href="https://2016.igem.org/Team:Exeter/Human_Practices">Old_HP_Page</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:1vw;" 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:1vw;" 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:1vw;" href="https://2016.igem.org/Team:Exeter/Log">Log</a></li>
+
  
 
   </ul>
 
   </ul>
Line 476: Line 578:
 
<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" 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" style="margin-top:-0.15vw;background:#e8e8e8;border-style:none;">
+
   <button class="dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
−
    <span>Awards</span>
+
    <span style="margin-bottom:4px;">Awards</span>
 
     <span class="caret"></span>
 
     <span class="caret"></span>
 
   </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 role="separator" style="background:#8cd5d9;margin:-5px 0 15px -7px;" class="divider"></li>   
+
 
−
<li><a id="links" style="margin:10px 0 30px 2px;padding:0;font-size:1vw;" 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:1vw;" 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:1vw;" 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>
  
 
   </ul>
 
   </ul>
Line 555: Line 657:
 
});
 
});
 
</script>  
 
</script>  
−
<!--Counter and topnav ends-->
+
 
−
<!--Content begins-->
+
 
<div class="container">
 
<div class="container">
 
<div class="div_vl backgroundimage">
 
<div class="div_vl backgroundimage">
−
<h1 id="title">Integrated human practises</h1>
+
<h1 id="title">Desert Island Science</h1>
−
<!--Contains links to sections on page-->
+
<p id="pp">Exeter iGEM's Take on radio 4's Desert island disks. Here we take important people in science
−
<div class="div_banner">
+
and send them off to our desert island. On this island we give them access to a solar powered bento lab and all the parts in the iGEM registry. We also let them take songs? </p>
−
<!--Right picture (the teal line on right)-->
+
</div>
−
<div class="col-sm-2 subdiv_banner left">
+
<div class="col-xs-12 div_content">
−
<img src="https://static.igem.org/mediawiki/2016/8/8a/T--Exeter--Template_Banner_left.png">
+
<div id="section_2" class="link_fix"></div>
 +
<div id="contentTitle">
 +
Professor Richard Kitney
 
</div>
 
</div>
−
<!--Contains all information of banner in the middle-->
+
<div class="col-xs-6 col-sm-5 div_audio" style="padding-bottom:1vh;">
−
<!--of the two outer images-->
+
<a href="#" class="col-xs-12 log_img_link" style="margin:0;padding:0;">
−
<div class="col-xs-12 col-sm-8 subdiv_banner middle">
+
<img class="log_img" src="
−
<!--Use bootstrap to add links using all 12 columns-->
+
https://static.igem.org/mediawiki/2016/4/44/T--Exeter--dis-rich.jpg
−
<!--For each link please give double the coloumns for when-->
+
">
−
<!--the screen is xs compared to when it is sm-->
+
</a>
−
+
−
<!--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>
 
</div>
−
<!--Left picture (the teal line on left)-->
+
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
−
<div class="col-sm-2 subdiv_banner right">
+
<p id="pp">This episode features Professor of BioMedical Systems Engineering at Imperial College London, Dr Richard Kittney. As chairman of the Institute of Systems and Synthetic Biology; and Co-Director of the EPSRC National Centre for Synthetic Biology and Innovation, he is recognised as a leading research worker in the field of synthetic biology.</p>
−
<img src="https://static.igem.org/mediawiki/2016/5/56/T--Exeter--Template_Banner_right.png">
+
 
</div>
 
</div>
 +
<div class="col-xs-12 audio_controls">
 +
<audio controls style="max-width:100%;display:block;margin:0 auto;">
 +
 +
<source src="https://static.igem.org/mediawiki/2016/6/6b/T--Exeter--dis-Desert_Island..._Science_Professor_Richard_Kitney_mp3.mp3" type="audio/mpeg">
 +
Your browser does not support the audio element.
 +
</audio>
 
</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 class="col-xs-12 div_content">
 
<div class="col-xs-12 div_content">
−
<div id="section_1" class="link_fix"></div>
+
<div id="section_2" class="link_fix"></div>
−
<div id="contentTitle">
+
<div id="contentTitle">
−
S1
+
Professor Jim la-Khalili
 +
</div>
 +
<div class="col-xs-6 col-sm-5 div_audio" style="padding-bottom:1vh;">
 +
<a href="#" class="col-xs-12 log_img_link" style="margin:0;padding:0;">
 +
<img class="log_img" src="https://static.igem.org/mediawiki/2016/8/8e/T--Exeter--dis-jim.jpeg">
 +
</a>
 +
</div>
 +
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
 +
<p id="pp">This episode features Professor of Theoretical Physics and Chair in the Public Engagement in Science at the University of Surrey Jim Al Khalili.
 +
He has also presented a number of science programmes on BBC television and is a frequent commentator about science in other British media.</p>
 +
</div>
 +
<div class="col-xs-12 audio_controls">
 +
<audio controls style="max-width:100%;display:block;margin:0 auto;">
 +
 +
<source src="https://static.igem.org/mediawiki/2016/8/81/T--Exeter--dis-jim_mp3.mp3" type="audio/mpeg">
 +
Your browser does not support the audio element.
 +
</audio>
 
</div>
 
</div>
 +
  
−
+
</div>
−
<div>
+
<div class="col-xs-12 div_content">
−
<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 id="section_2" class="link_fix"></div>
 +
<div id="contentTitle">
 +
Professor John Love
 +
</div>
 +
<div class="col-xs-6 col-sm-5 div_audio" style="padding-bottom:1vh;">
 +
<a href="#" class="col-xs-12 log_img_link" style="margin:0;padding:0;">
 +
<img class="log_img" src="https://static.igem.org/mediawiki/2016/1/1a/T--Exeter--dis-john.jpg">
 +
</a>
 +
</div>
 +
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
 +
<p id="pp">This episode features Dr John Love, Professor in Synthetic Biology, here at the University of Exeter.</p>
 +
</div>
 +
<div class="col-xs-12 audio_controls">
 +
<audio controls style="max-width:100%;display:block;margin:0 auto;">
 +
 +
<source src="https://static.igem.org/mediawiki/2016/b/b9/T--Exeter--dis-Desert_Island..._Science_Dr_John_Love_mp3.mp3" type="audio/mpeg">
 +
Your browser does not support the audio element.
 +
</audio>
 
</div>
 
</div>
 +
 
</div>
 
</div>
 
<div class="col-xs-12 div_content">
 
<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">
−
S2
+
Dr Jon Marles-Wright
 +
</div>
 +
<div class="col-xs-6 col-sm-5 div_audio" style="padding-bottom:1vh;">
 +
<a href="#" class="col-xs-12 log_img_link" style="margin:0;padding:0;">
 +
<img class="log_img" src="https://static.igem.org/mediawiki/2016/b/b2/T--Exeter--dis-jon.jpg">
 +
</a>
 +
</div>
 +
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
 +
<p id="pp">This episode features Dr Jon Marles-Wright, a Senior Lecturer at Newcastle University who was awarded a SynBio LEAP fellowship in 2015.</p>
 +
</div>
 +
<div class="col-xs-12 audio_controls">
 +
<audio controls style="max-width:100%;display:block;margin:0 auto;">
 +
<source src="https://static.igem.org/mediawiki/2016/c/c2/T--Exeter--dis-Desert_Island..._Science_Dr_Jon_Marles-Wright_mp3.mp3" type="audio/mpeg">
 +
Your browser does not support the audio element.
 +
</audio>
 
</div>
 
</div>
−
 
 
 
 
 
−
<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>
−
<div class="col-xs-12 div_content">
 
−
<div id="section_3" class="link_fix"></div>
 
−
<div id="contentTitle">
 
−
S3
 
−
</div>
 
  
−
 
−
 
 
 
−
<div>
+
<div class="col-xs-12 div_content">
−
<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>
+
<div id="section_2" class="link_fix"></div>
 +
<div id="contentTitle">
 +
Dr Mark Ramsdale
 +
</div>
 +
<div class="col-xs-6 col-sm-5 div_audio" style="padding-bottom:1vh;">
 +
<a href="#" class="col-xs-12 log_img_link" style="margin:0;padding:0;">
 +
<img class="log_img" src="https://static.igem.org/mediawiki/2016/5/5a/T--Exeter--dis-mark.jpg">
 +
</a>
 +
</div>
 +
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
 +
<p id="pp">This episode features Dr Mark Ramsdale, Director of Education in Biosciences at Exeter University, and module coordinator for medical microbiology. His research interests mainly focus on furthering our understanding of stress and programmed cell death responses exhibited by fungi.</p>
 +
</div>
 +
<div class="col-xs-12 audio_controls">
 +
<audio controls style="max-width:100%;display:block;margin:0 auto;">
 +
 +
<source src="https://static.igem.org/mediawiki/2016/2/21/T--Exeter--dis-Desert_Island..._Science_Dr_Mark_Ramsdale_mp3.mp3" type="audio/mpeg">
 +
Your browser does not support the audio element.
 +
</audio>
 
</div>
 
</div>
 +
 +
 
</div>
 
</div>
−
<div class="col-xs-12 div_content">
+
−
<div id="section_4" class="link_fix"></div>
+
<div class="col-xs-12 div_content">
−
<div id="contentTitle">
+
<div id="section_2" class="link_fix"></div>
−
S4
+
<div id="contentTitle">
 +
Dr Nicky King
 +
</div>
 +
<div class="col-xs-6 col-sm-5 div_audio" style="padding-bottom:1vh;">
 +
<a href="#" class="col-xs-12 log_img_link" style="margin:0;padding:0;">
 +
<img class="log_img" src="https://static.igem.org/mediawiki/2016/8/86/T--Exeter--dis-nick.jpg">
 +
</a>
 +
</div>
 +
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
 +
<p id="pp">
 +
This episode features Dr Nicky King, a senior Lecturer here at the University of Exeter.</p>
 +
</div>
 +
<div class="col-xs-12 audio_controls">
 +
<audio controls style="max-width:100%;display:block;margin:0 auto;">
 +
<source src="https://static.igem.org/mediawiki/2016/f/f0/T--Exeter--dis-Desert_Island..._Science_Dr_Nicky_King_mp3.mp3" type="audio/mpeg">
 +
Your browser does not support the audio element.
 +
</audio>
 
</div>
 
</div>
 +
 
 
  
−
 
 
</div>
 
</div>
 +
<div class="col-xs-12 div_content">
 +
<div id="section_2" class="link_fix"></div>
 +
<div id="contentTitle">
 +
Dr Sara Burton
 +
</div>
 +
<div class="col-xs-6 col-sm-5 div_audio" style="padding-bottom:1vh;">
 +
<a href="#" class="col-xs-12 log_img_link" style="margin:0;padding:0;">
 +
<img class="log_img" src="https://static.igem.org/mediawiki/2016/3/31/T--Exeter--dis-sara.jpg">
 +
</a>
 +
</div>
 +
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
 +
<p id="pp">This episode features Dr Sara Burton, a Senior Tutor and Director of Studies in Biosciences, here at the University of Exeter.</p>
 +
</div>
 +
<div class="col-xs-12 audio_controls">
 +
<audio controls style="max-width:100%;display:block;margin:0 auto;">
 +
 +
<source src="https://static.igem.org/mediawiki/2016/6/6a/T--Exeter--dis-Desert_Island..._Science_Dr_Sara_Burton_mp3.mp3" type="audio/mpeg">
 +
Your browser does not support the audio element.
 +
</audio>
 +
</div>
 +
 +
  
 +
</div>
 +
<div class="col-xs-12 div_content">
 +
<div id="section_2" class="link_fix"></div>
 +
<div id="contentTitle">
 +
Professor Chris Linott
 +
</div>
 +
<div class="col-xs-6 col-sm-5 div_audio" style="padding-bottom:1vh;">
 +
<a href="#" class="col-xs-12 log_img_link" style="margin:0;padding:0;">
 +
<img class="log_img" src="https://static.igem.org/mediawiki/2016/9/93/T--Exeter--dis-chris.jpg">
 +
</a>
 +
</div>
 +
<div class="col-xs-6 col-sm-5 " style="padding-bottom:1vh;">
 +
<p id="pp">This episode features Professor Chris Lintott, Professor of Astrophysics/Citizen Science Lead at Oxford University. You may also recognise him as one of the presenters on BBC's The Sky at Night and also the founder of Zooniverse.</p>
 +
</div>
 +
<div class="col-xs-12 audio_controls">
 +
<audio controls style="max-width:100%;display:block;margin:0 auto;">
 +
 +
<source src="https://static.igem.org/mediawiki/2016/a/ae/T--Exeter--dis-Desert_Island..._Science_Prof_Chris_Lintott_mp3.mp3" type="audio/mpeg">
 +
Your browser does not support the audio element.
 +
</audio>
 +
</div>
 +
 +
</div>
 
</div>
 
</div>
  

Latest revision as of 01:27, 20 October 2016