Difference between revisions of "Team:Dundee/Experiments"

(Prototype team page)
 
Line 1: Line 1:
−
{{Dundee}}
+
<html lang="en">
−
<html>
+
  <head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 +
    <title>Dundee 2016</title>
  
−
<div class="column full_size">
 
  
 +
<!-- Latest compiled and minified CSS -->
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  
−
<p>Describe the experiments, research and protocols you used in your iGEM project.</p>
+
<!-- Optional theme -->
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  
−
</div>
+
<!-- Latest compiled and minified JavaScript -->
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  
−
<div class="column half_size">
 
−
<h5>What should this page contain?</h5>
 
−
<ul>
 
−
<li> Protocols </li>
 
−
<li> Experiments </li>
 
−
<li>Documentation of the development of your project </li>
 
−
</ul>
 
  
−
</div>
 
  
−
<div class="column half_size">
+
  <style>
−
<h5>Inspiration</h5>
+
−
<ul>
+
#sideMenu, #top_title {display:none;}
−
<li><a href="https://2014.igem.org/Team:Colombia/Protocols">2014 Colombia </a></li>
+
#content { padding:0px; width:100%;    margin-left:0px;}
−
<li><a href="https://2014.igem.org/Team:Imperial/Protocols">2014 Imperial </a></li>
+
body {background-color:white; width:100%;}
−
<li><a href="https://2014.igem.org/Team:Caltech/Project/Experiments">2014 Caltech </a></li>
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
</ul>
+
#bodyContent {
−
</div>
+
    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%);
 +
}
  
−
<div class="clear"></div>
 
  
  
−
<div class="column half_size">
 
  
 +
       
 +
        #menuDisplay{
 +
                display:none;
 +
        }
  
 +
        #home_logo{
 +
                display:none;
 +
        }
  
−
</div>
+
 
 +
   
 +
.navbar-brand{
 +
padding-top:25px;
 +
 +
}
 +
#navbar{
 +
padding-top:5px;
 +
                float:right;
 +
 +
}
 +
 +
 +
#BackImg{
 +
margin:0 auto;
 +
padding:30px 0px 0px 0px;
 +
position:relative;
 +
                width:100%;
 +
}
 +
 +
#BackImg img{
 +
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{
 +
 +
 +
}
 +
 +
 +
 +
 +
#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;
 +
                        padding-top:3%;
 +
}
 +
#ProjectDesCon{
 +
        height:100%;
 +
        margin-left:5%;
 +
        margin-right:5%;
 +
        }
 +
 
 +
        #ProjectDesCon h3{
 +
        font: 2.3vw/2vw Helvetica, Sans-Serif;
 +
        padding-top:15px;
 +
        padding-bottom:15px;
 +
        text-align:left;
 +
          color:black;
 +
       
 +
        }
 +
 
 +
#ProjectDesCon p{
 +
 +
font: 1.7vw/2vw Helvetica, Sans-Serif;
 +
                padding-bottom:2%;
 +
               
 +
               
 +
}
 +
 
 +
        #ProjectDesCon li{
 +
 +
font: 1.7vw/1.5vw Helvetica, Sans-Serif;
 +
                padding-bottom:15px;
 +
                color:#3D72A4;
 +
                       
 +
}
 +
 
 +
        #ProjectDesCon ol{
 +
                margin-bottom:2%;
 +
        }
 +
 
 +
        #FlaskImg img{
 +
float:right;
 +
        width:30%;
 +
        padding-left:25px;
 +
       
 +
       
 +
}
 +
        #FlaskImg p{
 +
       
 +
 
 +
}
 +
        #FlaskStyleFifty1{
 +
        float:left;
 +
        width:50%;
 +
        padding-right:3%;
 +
        }
 +
#FlaskStyleFifty1 p{
 +
text-align:left;
 +
}
 +
 
 +
     
 +
       
 +
        }
 +
        #FlaskStyleFifty2{
 +
        float:right;
 +
        width:50%;
 +
        padding-left:3%;
 +
       
 +
        }
 +
#FlaskStyleFifty2 p{
 +
text-align:left;
 +
}
 +
     
 +
       
 +
       
 +
        #ColicinImg{
 +
                padding-top:15px;
 +
                width:100%;
 +
                margin:0 auto;
 +
        }
 +
 
 +
      #ColicinImg img{
 +
 
 +
                width:100%;
 +
      }
 +
#CytoGifAlign{
 +
                padding-top:15px;
 +
                width:55%;
 +
                margin:0 auto;
 +
margin-bottom:4%
 +
        }
 +
 
 +
#CytoGifAlign img{
 +
width:100%;
 +
 
 +
}
 +
 
 +
#CytoGifAlign2{
 +
                padding-top:15px;
 +
                width:75%;
 +
                margin:0 auto;
 +
        }
 +
 
 +
#CytoGifAlign2 img{
 +
width:100%;
 +
margin-bottom:5%;
 +
}
 +
 
 +
            #CytoGifHeader p{
 +
                font: 1.3vw/1.7vw Helvetica, Sans-Serif;
 +
                padding-top:15px;
 +
                padding-bottom:15px;
 +
                text-align:center;
 +
                color:#3D72A4;
 +
                margin-bottom:4%;
 +
        }
 +
     
 +
#FlaskImg1 img{
 +
float:right;
 +
        width:60%;
 +
        padding-left:25px;
 +
       
 +
       
 +
}
 +
        #FlaskImg1 p{
 +
       
 +
 
 +
}
 +
        #FlaskPos1{
 +
        float:left;
 +
        width:40%;
 +
      padding-top:1%;
 +
       
 +
        }
 +
#FlaskPos1 p{
 +
text-align:left
 +
}
 +
       
 +
#spacer{
 +
        height:100px;
 +
}
 +
 
 +
#SponserFooter{
 +
margin:30px 0px 60px 0px;
 +
 +
}
 +
#SponserFooter img {
 +
width:100%;
 +
}
 +
 
 +
.SponserLink{
 +
float:left;
 +
width:17%;
 +
margin-right:3%;
 +
border-bottom:1px solid white;
 +
 +
}
 +
#BBSRC{
 +
margin-left:1.5%;
 +
}
 +
#WellcomeT{
 +
margin-right:1.5%;
 +
}
 +
 +
#finalFooter{
 +
background-color:grey;
 +
width:100%;
 +
height:100%;
 +
margin-top:10px;
 +
 +
}
 +
#footWrapper{
 +
margin:0 auto;
 +
width:33%;
 +
                height:100%;
 +
}
 +
 +
 +
.footerImg img{
 +
width: 33%;
 +
float:left;
 +
}
 +
 +
#MiddleTxt{
 +
margin-top:10px;
 +
               
 +
}
 +
#bodyContent a[href ^="https://"], .link-https {
 +
padding-right:0px;
 +
}
 +
 
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
  <body>
 +
 
 +
 
 +
 
 +
<!-- Fixed navbar -->
 +
    <nav class="navbar navbar-default navbar-fixed-top">
 +
      <div style="padding-right:5%; padding-bottom:0px;" "class="container">
 +
        <div class="navbar-header">
 +
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
            <span class="sr-only">Toggle navigation</span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </button>
 +
          <a href="https://2016.igem.org/Team:Dundee" class="navbar-brand">UoD iGEM 2016</a>
 +
        </div>
 +
        <div id="navbar" class="navbar-collapse collapse">
 +
          <ul class="nav navbar-nav">
 +
            <li class="dropdown">
 +
  <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Description">Description</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Design">Design</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Results">Results</a></li>
 +
<li><a href="https://2016.igem.org/Team:Dundee/Hardware">Hardware</a></li>
 +
              </ul>
 +
</li>
 +
            <li ><a href="https://2016.igem.org/Team:Dundee/Model">Modelling</a></li>
 +
<li><a href="https://2016.igem.org/Team:Dundee/Proof">Proof of Concept</a></li>
 +
<li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
    <li><a href="https://2016.igem.org/Team:Dundee/Human_Practices">Human Practices Overview</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Integrated_Practices">Integrated Human Practices</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/HP/Silver">HP/silver</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/HP/Gold">HP/gold</a></li>
 +
<li><a href="https://2016.igem.org/Team:Dundee/Engagement">Public Engagement</a></li>
 +
              </ul>
 +
            </li>
 +
<li class="dropdown">
 +
              <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">
 +
                <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/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/Experiments">Awards</a></li>
 +
              </ul>
 +
            </li>
 +
<li class="dropdown">
 +
              <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">
 +
<li><a href="https://2016.igem.org/Team:Dundee/Notebook">Lab Book</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Safety">Safety</a></li>
 +
              </ul>
 +
<li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
<li><a href="https://2016.igem.org/Team:Dundee/Team">Meet The Agents</a></li>
 +
                <li class="active"><a href="https://2016.igem.org/Team:Dundee/Attributions">Attributions</a></li>
 +
                <li><a href="https://2016.igem.org/Team:Dundee/Collaborations">Collaboration</a></li>
 +
              </ul>
 +
            </li>
 +
          </ul>
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
    </nav>
 +
 
 +
                  <div id="BackImg">
 +
<img src="https://static.igem.org/mediawiki/2016/1/1a/T--Dundee--Attributions.jpg" />
 +
                                <h1><span>Medals</span></h1>
 +
</div>
 +
 
 +
   
 +
 +
 +
<div class="container">
 +
<div id = "SplashTitle">
 +
<p></p>
 +
</div>
 +
 
 +
<div id="SplashTitleUnder">
 +
<p></p>
 +
</div>
 +
</div>
 +
 +
 +
<div class="container">
 +
<div  id= "ProjectDesCon">
 +
<h3></h3>
 +
 +
<p></p>
 +
 +
<div id="CytoGifAlign">
 +
<img src="">
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
 
 +
 
 +
 
 +
 
 +
<div class="container">
 +
<div id="SponserFooter">
 +
<div  id = "BBSRC" class="SponserLink">
 +
<a href="http://www.bbsrc.ac.uk/">
 +
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/8/8b/T--Dundee--BBSRCFooter.png" />
 +
</a>
 +
</div>
 +
<div  class="SponserLink">
 +
<a href="http://www.dundee.ac.uk/">
 +
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/a/a8/T--Dundee--UoDFooter.png" />
 +
</a>
 +
</div>
 +
<div  class="SponserLink">
 +
<a href="https://www.idtdna.com/site">
 +
<img class="grayscale" src="https://static.igem.org/mediawiki/2016/0/03/T--Dundee--IDTFooter.png" />
 +
</a>
 +
</div>
 +
<div class="SponserLink">
 +
<a href="https://www.sebiology.org/">
 +
<img  class="grayscale"src="https://static.igem.org/mediawiki/2016/f/f0/T--Dundee--SEBFooter.png" />
 +
</a>
 +
</div>
 +
<div id = "WellcomeT" class="SponserLink">
 +
<a href="https://wellcome.ac.uk/">
 +
<img class="grayscale"src="https://static.igem.org/mediawiki/2016/2/22/T--Dundee--WELLTFooter.png" />
 +
</a>
 +
</div>
 +
</div>
 +
 +
 +
 +
    </div> <!-- /container -->
 +
 +
                <div id="finalFooter">
 +
                        <div class="container">
 +
 
 +
 +
<div id="footWrapper">
 +
<div class="footerImg">
 +
<a href="https://www.facebook.com/DundeeiGEM2016">
 +
<img src="https://static.igem.org/mediawiki/2016/2/24/T--Dundee--FBFooter.png" />
 +
</a>
 +
</div>
 +
<div id = "MiddleTxt" class="footerImg">
 +
<a>
 +
<img src="https://static.igem.org/mediawiki/2016/b/be/T--Dundee--MiddleFooter.png" />
 +
</a>
 +
</div>
 +
<div class="footerImg">
 +
<a  style="padding-right:0px;"href="https://twitter.com/DundeeiGEMTeam">
 +
<img  src="https://static.igem.org/mediawiki/2016/4/4f/T--Dundee--TWFooter.png" />
 +
                </a>
 +
</div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
 
 +
 +
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
    <!-- Include all compiled plugins (below), or include individual files as needed -->
 +
    <script src="js/bootstrap.min.js"></script>
 +
 +
 +
</body>
 +
 
 +
  
 
</html>
 
</html>

Revision as of 10:15, 19 October 2016

Dundee 2016

Medals