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

Line 27: Line 27:
 
#bodyContent {
 
#bodyContent {
 
     padding-right: 0px;}
 
     padding-right: 0px;}
 +
       
 +
        img.grayscale {
 +
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
 +
  filter: gray; /* IE6-9 */
 +
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
 +
}
 +
 +
img.grayscale:hover {
 +
  filter: none;
 +
  -webkit-filter: grayscale(0%);
 +
}
 +
 +
  
 +
       
 
         #menuDisplay{
 
         #menuDisplay{
 
                 display:none;
 
                 display:none;
Line 37: Line 51:
  
  
−
     
+
   
 
.navbar-brand{
 
.navbar-brand{
 
padding-top:25px;
 
padding-top:25px;
−
+
 
}
 
}
 
#navbar{
 
#navbar{
 
padding-top:5px;
 
padding-top:5px;
 
                 float:right;
 
                 float:right;
 +
 
}
 
}
 
 
Line 58: Line 73:
 
width:100%;
 
width:100%;
 
}
 
}
−
+
        #BackImg h1 {
 +
  position: absolute;
 +
  top:40%;
 +
  text-align: center;
 +
  width: 100%;
 +
  padding-top:20px;
 +
  padding-bottom:17px;
 +
}
 +
 
 +
#BackImg h1 span {
 +
  color: white;
 +
  font: bold 5vw/45px Helvetica, Sans-Serif;
 +
  letter-spacing: -1px; 
 +
  background: rgb(0, 0, 0); /* fallback color */
 +
  background: rgba(0, 0, 0, 0.7);
 +
  padding: 10px;
 +
  padding-bottom:15px;
 +
  text-align: center;
 +
}
 +
 +
#BackImg h2 {
 +
  position: absolute;
 +
  top:55%;
 +
  text-align: center;
 +
  width: 100%;
 +
  padding-top:15px;
 +
  padding-bottom:10px;
 +
}
 +
 
 +
#BackImg h2 span {
 +
  color:#3D72A4;
 +
  font: bold 5vw/45px Helvetica, Sans-Serif;
 +
  letter-spacing: -1px; 
 +
  background: rgb(0, 0, 0); /* fallback color */
 +
  background: rgba(0, 0, 0, 0.7);
 +
  padding-bottom:5px;
 +
  text-align:center;
 +
}           
 +
 
 
#OverView{
 
#OverView{
 
 
Line 64: Line 117:
 
}
 
}
 
 
−
#VideoContainer{
+
−
width:66%;
+
−
float:right;
+
−
height:500px;
+
#SplashTitle p{
−
+
        border-bottom: none;
 +
        font: 4vw/6vw Helvetica, Sans-Serif;
 +
text-align: center;
 +
color:black;
 +
padding-top:15px;
 +
       
 
}
 
}
 
 
 +
 +
#SplashTitleUnder p{
 +
font:3vw/4vw Helvetica, Sans-Serif;
 +
text-align: center;
 +
color:#3D72A4;
 +
                        padding-bottom:15px;
 +
                       
 +
}
 
#ProjectDesCon{
 
#ProjectDesCon{
−
width:33%;
+
        height:100%;
−
float:left;
+
        }
−
height:500px;
+
 
 +
        #ProjectDesCon h3{
 +
        font: 2.3vw/2vw Helvetica, Sans-Serif;
 +
       
 +
        padding-bottom:15px;
 +
        text-align:left;
 +
       
 +
        }
 +
 
 +
#ProjectDesCon p{
 +
 +
font: 1.3vw/2vw Helvetica, Sans-Serif;
 +
                padding-bottom:5px;
 +
                color:#3D72A4;
 +
               
 
}
 
}
 +
 +
#ProjectDesCon h4{
 +
        font: 1.7vw/1.5vw Helvetica, Sans-Serif;
 +
        padding-top:15px;
 +
        padding-bottom:5px;
 +
        text-align:left;
 +
       
 +
        }
 +
 +
  #FlaskImg1 img{
 +
float:right;
 +
        width:40%;
 +
        padding-left:25px;
 +
       
 +
       
 +
}
 +
        #FlaskImg1 p{
 +
       
 +
 +
}
 +
        #FlaskPos1{
 +
        float:left;
 +
        width:60%;
 +
        padding-left:5%;
 +
       
 +
        }
 +
#FlaskPos1 p{
 +
text-align:left
 +
}
 +
 +
#FlaskImg2 img{
 +
float:left;
 +
        width:40%;
 +
        padding-left:25px;
 +
       
 +
       
 +
}
 +
        #FlaskImg2 p{
 +
       
 +
 +
}
 +
        #FlaskPos2{
 +
        float:right;
 +
        width:60%;
 +
        padding-left:10%;
 +
       
 +
        }
 +
#FlaskPos2 p{
 +
text-align:left;
 +
 +
}
 +
 +
        #FlaskStyleFifty1{
 +
        float:left;
 +
        width:50%;
 +
        padding-right:40px;
 +
        }
 +
#FlaskStyleFifty1 p{
 +
text-align:left;
 +
}
 +
 +
     
 +
       
 +
        }
 +
        #FlaskStyleFifty2{
 +
        float:right;
 +
        width:50%;
 +
        padding-left:20px;
 +
       
 +
        }
 +
#FlaskStyleFifty2 p{
 +
text-align:left;
 +
}
 +
     
 +
       
 +
       
 +
        #ColicinImg{
 +
                padding-top:15px;
 +
                width:100%;
 +
                margin:0 auto;
 +
        }
 +
 +
      #ColicinImg img{
 +
 +
                width:100%;
 +
      }
 
 
 +
     
 +
   
 +
       
 +
#spacer{
 +
        height:100px;
 +
}
 +
 
#SponserFooter{
 
#SponserFooter{
 
margin:30px 0px 60px 0px;
 
margin:30px 0px 60px 0px;
Line 125: Line 298:
 
padding-right:0px;
 
padding-right:0px;
 
}
 
}
 +
 
 
    
 
    
  
Line 136: Line 310:
 
<!-- Fixed navbar -->
 
<!-- Fixed navbar -->
 
     <nav class="navbar navbar-default navbar-fixed-top">
 
     <nav class="navbar navbar-default navbar-fixed-top">
−
       <div class="container">
+
       <div "class="container">
 
         <div class="navbar-header">
 
         <div class="navbar-header">
 
           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 
           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
Line 171: Line 345:
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Parts">Parts</a></li>
 
<li><a href="https://2016.igem.org/Team:Dundee/Basic_Part">Basic Parts</a></li>
 
<li><a href="https://2016.igem.org/Team:Dundee/Basic_Part">Basic Parts</a></li>
−
                 <li><a href="https://2016.igem.org/Team:Dundee/Composite_Part">Composite Parts</a></li>
+
                 <li class="active"><a href="https://2016.igem.org/Team:Dundee/Composite_Part">Composite Parts</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Part_Collection">Parts Collection</a></li>
 
                 <li><a href="https://2016.igem.org/Team:Dundee/Part_Collection">Parts Collection</a></li>
−
                <li><a href="https://2016.igem.org/Team:Dundee/HP/Gold">Judging Criteria</a></li>
 
 
               </ul>
 
               </ul>
 
             </li>
 
             </li>
Line 180: Line 354:
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
 
               <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
−
<li><a href="https://2016.igem.org/Team:Dundee/Notebook">Lab Book</a></li>
+
<li><a href="https://2016.igem.org/Team:Dundee/Notebook">Lab Book</a></li>
−
                <li><a href="#">Protocols</a></li>
+
                 <li><a href="https://2016.igem.org/Team:Dundee/Safety">Safety</a></li>
−
                 <li><a href="https://2016.igem.org/Team:Dundee/Safety">Saftey</a></li>
+
 
               </ul>
 
               </ul>
 
<li class="dropdown">
 
<li class="dropdown">
Line 198: Line 371:
  
 
                   <div id="BackImg">
 
                   <div id="BackImg">
−
<img src="https://static.igem.org/mediawiki/2016/f/f5/T--Dundee--Home.png" />
+
<img src="https://static.igem.org/mediawiki/2016/b/be/T--Dundee--HPsilver.JPG" />
 +
                                <h1><span>Human Practices</span></h1>
 +
<h2><span>Silver</span></h2>
 +
</div>
  
−
  </div>
+
   
 +
 
 
−
                  <div class="container">
+
<div class="container">
 +
<div id = "SplashTitle">
 +
<p>Meet The Agents</p>
 +
</div>
  
−
+
<div id="SplashTitleUnder">
−
<div id="OverView">
+
<p>Student Team</p>
−
+
−
<div id="VideoContainer">
+
−
+
−
+
 
</div>
 
</div>
 +
</div>
 +
 +
 +
 +
<div class="container">
 +
 +
 
 
−
<div id="ProjectDesCon">
+
<br></br>
−
+
                                     
−
+
<div id="FlaskImg1">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2016/e/ed/T--Dundee--Darren.jpg"/>
−
+
                                               
−
</div>
+
</div>
−
+
<div  id= "FlaskPos1">
−
+
<div id="ProjectDesCon">
 +
<h4><b>What is your name? // What’s your agent name?<b></h4>
 +
<p>Darren Scrimgeour //  Happy Hour.</p>
 +
<h4><b>What do you do? <b></h4>
 +
<p>Physics, Computational Biology, Gin.</p>
 +
<h4><b>Why iGEM? </b></h4>
 +
<p>Expand my horizons, gain research experience, save the world etc.</h4>
 +
<h4><b>What’s your role in the FBI?</b></p>
 +
<p>Integrated Human Practices and Public Engagement and Education.</p>
 +
<h4><b>Likes // dislikes?</b></h4>
 +
<p>Likes – A beverage or 4, tasty and delicious treats. Dislikes – The morning after a beverage or 4, my waistline after tasty and delicious treats.
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 +
 
 +
 
 +
<div id="spacer" class="container">
 +
 
 +
</div>
 +
 
 +
 
 +
<div class="container">
 
<div id="SponserFooter">
 
<div id="SponserFooter">
−
<div id = "BBSRC" class="SponserLink">
+
<div id = "BBSRC" class="SponserLink">
 
<a href="http://www.bbsrc.ac.uk/">
 
<a href="http://www.bbsrc.ac.uk/">
−
<img src="https://static.igem.org/mediawiki/2016/8/8b/T--Dundee--BBSRCFooter.png" />
+
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/8/8b/T--Dundee--BBSRCFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
−
<div class="SponserLink">
+
<div class="SponserLink">
 
<a href="http://www.dundee.ac.uk/">
 
<a href="http://www.dundee.ac.uk/">
−
<img src="https://static.igem.org/mediawiki/2016/a/a8/T--Dundee--UoDFooter.png" />
+
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/a/a8/T--Dundee--UoDFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
−
<div class="SponserLink">
+
<div class="SponserLink">
 
<a href="https://www.idtdna.com/site">
 
<a href="https://www.idtdna.com/site">
−
<img src="https://static.igem.org/mediawiki/2016/0/03/T--Dundee--IDTFooter.png" />
+
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/0/03/T--Dundee--IDTFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
 
<div class="SponserLink">
 
<div class="SponserLink">
 
<a href="https://www.sebiology.org/">
 
<a href="https://www.sebiology.org/">
−
<img src="https://static.igem.org/mediawiki/2016/f/f0/T--Dundee--SEBFooter.png" />
+
<img class="grayscale"src="https://static.igem.org/mediawiki/2016/f/f0/T--Dundee--SEBFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
 
<div id = "WellcomeT" class="SponserLink">
 
<div id = "WellcomeT" class="SponserLink">
 
<a href="https://wellcome.ac.uk/">
 
<a href="https://wellcome.ac.uk/">
−
<img src="https://static.igem.org/mediawiki/2016/2/22/T--Dundee--WELLTFooter.png" />
+
<img class="grayscale"src="https://static.igem.org/mediawiki/2016/2/22/T--Dundee--WELLTFooter.png" />
 
</a>
 
</a>
 
</div>
 
</div>
Line 274: Line 482:
 
</div>
 
</div>
 
</div>
 
</div>
 +
 
</div>
 
</div>
  

Revision as of 14:24, 16 October 2016

Dundee 2016

Human Practices

Silver

Meet The Agents

Student Team



What is your name? // What’s your agent name?

Darren Scrimgeour // Happy Hour.

What do you do?

Physics, Computational Biology, Gin.

Why iGEM?

Expand my horizons, gain research experience, save the world etc.

What’s your role in the FBI?

Integrated Human Practices and Public Engagement and Education.

Likes // dislikes?

Likes – A beverage or 4, tasty and delicious treats. Dislikes – The morning after a beverage or 4, my waistline after tasty and delicious treats.