Difference between revisions of "Team:Dalhousie/InterLab"

(Prototype team page)
 
Line 1: Line 1:
−
{{Dalhousie}}
 
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
#bg-video {
 +
        position: fixed;
 +
        top: 0;
 +
        right: 0;
 +
        bottom: 0px;
 +
        left: 0;
 +
        overflow: hidden;
 +
        z-index: -100;
 +
        width:100%;
  
 +
}
 +
</style>
  
−
<div class="column full_size judges-will-not-evaluate">
+
<!--glyphicons-->
−
<h3>★ ALERT! </h3>
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
  <link  rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/libraries/css/Bootstrap?action=raw&ctype=text/css" />
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
  <link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/libraries/css/fonts?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/css3?action=raw&ctype=text/css" />
 +
 
 +
<!--------------------oldnavbar--------------->
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
 
 +
 
 +
<!-------------------------------------need this--------------------------->
 +
<style>
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-20px; margin-left:0px; background-color: white;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 10px;  background-color: transparent; z-index:100;}
 +
        .jumbotron {
 +
            height: 850px;
 +
            position: relative;
 +
         
 +
            }
 +
</style>
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
<!-------------------navbar---------------------->
 +
<div id="nav" class="noBackground" style="width:100%; z-index:100;" >
 +
            <div class="inner" >
 +
<div id="navWrap">
 +
    <nav >
 +
<div class="container-fluid">
 +
    <ul class="nav navbar-nav navbar-center">
 +
 
 +
      <li  ><a href="https://2017.igem.org/Team:Dalhousie/test3" style=" color: white;">Home</a></li>
 +
<li class="dropdown" >
 +
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">The Project
 +
        </a>
 +
        <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
 +
          <li ><a href="https://2017.igem.org/Team:Dalhousie/Description" style=" color: white;" >Description</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Design"style=" color: white;">Design</a></li>
 +
          <li ><a href="https://2017.igem.org/Team:Dalhousie/Experiments"style=" color: white;">Experiments</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Notebook"style=" color: white;">Notebook</a></li>
 +
          <li class="active"><a href="https://2017.igem.org/Team:Dalhousie/InterLab">Interlab</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Contribution">Contribution</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Model">Model</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Results">Results</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Demonstrate">Demonstrate</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Dalhousie/Improve">Improve</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Attributions">Attributions</a></li>
 +
        </ul>
 +
      </li>
 +
 
 +
     
 +
<li class="dropdown">
 +
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Our Team
 +
        </a>
 +
        <ul class="dropdown-menu">
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Team">Team</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Collaborations">Collaborations</a></li>
 +
        </ul>
 +
      </li>
 +
 
 +
<li class="dropdown">
 +
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Parts
 +
        </a>
 +
        <ul class="dropdown-menu">
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Parts">Parts</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Basic_Parts">Basic Parts</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Composite_Parts">Composite Parts</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Part_Collection">Part Collections</a></li>
 +
        </ul>
 +
      </li>
 +
 
 +
      <li><a href="https://2017.igem.org/Team:Dalhousie/Safety" style=" color: white;">Safety</a></li>
 +
 
 +
<li class="dropdown">
 +
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Human Practices
 +
        </a>
 +
        <ul class="dropdown-menu">
 +
        <li><a href="https://2017.igem.org/Team:Dalhousie/Human_Practices">Summary</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Silver_Integrated">Silver HP</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Gold_Integrated">Integrated and Gold</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Public_Engagement">Public Engagement</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Part_Collection">Part Collections</a></li>
 +
        </ul>
 +
      </li>
 +
 
 +
<li class="dropdown">
 +
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Awards
 +
        </a>
 +
        <ul class="dropdown-menu">
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Applied_Design">Applied Design</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Entrepreneurship">Entrepreneurship</a></li>
 +
        </ul>
 +
      </li>
 +
 
 +
 
 +
    </ul>
 +
 
 +
 
 +
 
 +
<!--------------------------contact us------------------------------------------>
 +
<ul class="nav navbar-nav navbar-right">
 +
    <div class="navbar-header">
 +
      <a class="navbar-brand" style=" color: white;">Contact us today </a>
 +
    </div>
 +
<li>
 +
                        <a href="mailto:igemdalhousie@gmail.com" ><i class="fa fa-envelope-o fa-fw" style=" color: rgba(149, 48, 41, 1);"></i> <span class="network-name"></span></a>
 +
                    </li>
 +
<li>
 +
                        <a target="_blank" href="https://twitter.com/dalhousie_igem?lang=en" ><i class="fa fa-twitter fa-fw" style=" color: rgba(61, 145, 229, 1);"></i> <span class="network-name"></span></a>
 +
                    </li>
 +
                    <li>
 +
                        <a target="_blank" href="https://www.facebook.com/Dalhousie.iGEM/" ><i class="fa fa-facebook fa-fw" style=" color: rgba(57, 86, 156, 1);"></i> <span class="network-name"></span></a>
 +
                    </li>
 +
 
 +
    </ul>
 +
  </div>
 +
</nav>
 
</div>
 
</div>
−
<div class="clear"></div>
+
            </div>
 +
        </div>
  
−
<div class="column full_size">
 
−
<h1>InterLab</h1>
 
−
<h3>Bronze Medal Criterion #4</h3>
 
−
<p><b>Standard Tracks:</b> Participate in the Interlab Measurement Study and/or improve the characterization of an existing BioBrick Part or Device and enter this information on that part's Main Page in the Registry. The part that you are characterizing must NOT be from a 2017 part number range.
 
−
<br><br>
 
−
For teams participating in the <a href="https://2017.igem.org/Competition/InterLab_Study">InterLab study</a>, all work must be shown on this page.
 
  
 +
 +
 +
 +
 +
        <div class="panel" id="panel1" >
 +
 +
            <div class="inner" >
 +
<div class="top" ><div class="title" >Interlab!</div></div>
 +
 +
 
 +
<img src= "https://laboratory.pall.com/content/dam/pall/laboratory/header-images/laboratory.jpg" style="top:0px; left:0px; padding-bottom:0px; position:fixed; width:100%; height: 100%; z-index:-100; " align="center" height="70%" width="70%">
 +
 +
 +
<!--------------------------------fade title---------------------------->
 +
<style>body {
 +
  margin: 0;
 +
  height: 10px;
 +
}
 +
 +
.top {
 +
 +
  margin-top: 300px;
 +
  position: absolute;
 +
width:55%;
 +
  left:300px;
 +
  background-color: rgba(27,22,16,0.4);
 +
  height: 150px;
 +
  text-align: center;
 +
  font-family: 'Trebuchet MS';
 +
  font-size: 50px;
 +
  font-weight: 100;
 +
  color: white;
 +
line-height: 60px;
 +
}
 +
 +
.title {
 +
  position: relative;
 +
top: 30%;
 +
 +
  left: 0px;
 +
}
 +
 +
</style>
 +
 +
<!---------------------------------------------------------------------------------this------------------------------------------------------------------------------------------->
 +
<script> $(window).scroll(function(){
 +
    $(".top").css("opacity", 1 - $(window).scrollTop() / 400);
 +
  });</script>
 +
 +
 +
            </div>
 +
        </div>
 +
 +
 +
 +
        <div class="panel" id="panel2">
 +
            <div class="inner">
 +
 +
</br>Interlab</br>
 +
Nothin yet!
 +
 +
 +
           
 +
            </div>
 +
        </div>
 +
 +
 +
<div class="container" style="height:450px; width:100%; position: relative;"><!--------empty panel---------->
 +
</div>
 +
 +
 +
        <div class="panel panel-red" id="panel3">
 +
            <div class="inner">
 +
      <p style="text-align:center; color:white; font-size: 30px; margin-top:100px;">
 +
Learn more... hopefully have links to next pages here</p>
 +
<!---------------------------pics---------------------------->
 +
<p style="text-align: center; ">
 +
<img src= "https://static.igem.org/mediawiki/2017/d/d3/Q.png" height="20%" width="20%" style=" padding:50px;">
 +
<img src= "https://static.igem.org/mediawiki/2017/8/82/S.png"  height="20%" width="20%" style=" padding:50px;">
 +
<img src= "https://static.igem.org/mediawiki/2017/5/57/B.png"  height="20%" width="20%" style=" padding:50px;">
 
</p>
 
</p>
−
</div>
+
            </div>
 +
        </div>
  
  
 +
<style>
 +
html {
 +
height: 100%;
 +
min-height: 100%;
 +
}
  
 +
body {
 +
height: 100%;
 +
}
  
 +
.panel {
 +
width: 100%;
 +
height: 100%;
 +
background: black;
 +
color: #fff;
 +
padding-left: 5%;
 +
padding-right: 5%;
 +
text-align: center;
 +
}
  
  
  
−
</html>
+
 
 +
 
 +
.panel.panel-red {
 +
background: black;
 +
 
 +
}
 +
#nav {
 +
position: fixed;
 +
top: 0;
 +
left: 0;
 +
width: 96%;
 +
padding: 2%;
 +
z-index: 100;
 +
color: white;
 +
height: 80px;
 +
}
 +
 
 +
.noBackground {
 +
background-color: rgba(0,0,0,0);
 +
visibility: visible;
 +
width:100%;
 +
padding-right:0px;
 +
    -webkit-transition: all 1.0s ease;
 +
    -moz-transition: all 1.0s ease;
 +
    -o-transition: all 1.0s ease;
 +
    transition: all 1.0s ease;
 +
}
 +
 
 +
.blackBackground {
 +
background-color: rgba(0,0,0,0.7);
 +
visibility: visible;
 +
width:100%;
 +
 
 +
}
 +
 
 +
#nav .inner {
 +
z-index:100;
 +
padding-bottom:40px;
 +
 
 +
}
 +
 
 +
#nav ul {
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
 
 +
 
 +
#inner{
 +
z-index:101;
 +
 
 +
}
 +
 
 +
#panel1{
 +
background: transparent;
 +
height: 850px;
 +
width:100%;
 +
z-index:100;
 +
}
 +
#panel2{
 +
width:100%;
 +
height: 700px;
 +
margin-bottom:0px;
 +
background: black;
 +
text-align:center;
 +
 
 +
}
 +
#panel3{
 +
width:100%;
 +
height: 500px;
 +
margin-bottom:-100px;
 +
background: black;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
</style>
 +
<script>
 +
$( function() {
 +
//caches a jQuery object containing the header element
 +
var header = $('.noBackground');
 +
$(window).scroll(function() {
 +
var scroll = $(window).scrollTop();
 +
 
 +
if (scroll >= 100) {
 +
header.addClass('blackBackground');
 +
} else {
 +
header.removeClass('blackBackground');
 +
                     
 +
}
 +
});
 +
});
 +
</script>
 +
 
 +
</body>
 +
<html>

Revision as of 13:42, 4 October 2017

Interlab!

Interlab
Nothin yet!

Learn more... hopefully have links to next pages here