Difference between revisions of "Team:Dalhousie/test8"

 
(42 intermediate revisions by the same user not shown)
Line 6: Line 6:
 
         top: 0;
 
         top: 0;
 
         right: 0;
 
         right: 0;
−
         bottom: -100px;
+
         bottom: 0px;
 
         left: 0;
 
         left: 0;
 
         overflow: hidden;
 
         overflow: hidden;
Line 39: Line 39:
 
</style>
 
</style>
  
−
<!------------fadedivs-------------------------->
 
−
<style>
 
−
#grad1 {
 
−
    height: 833px;
 
−
    background: transparent; /* For browsers that do not support gradients */
 
−
    background: -webkit-linear-gradient(transparent 90%, black ); /* For Safari 5.1 to 6.0 */
 
−
    background: -o-linear-gradient(transparent 90%, black ); /* For Opera 11.1 to 12.0 */
 
−
    background: -moz-linear-gradient(transparent 90%, black ); /* For Firefox 3.6 to 15 */
 
−
    background: linear-gradient(transparent 90%, black ); /* Standard syntax (must be last) */
 
−
}
 
−
</style>
 
−
<style>
 
−
#grad2 {
 
−
position: absolute;
 
−
z-index:1;
 
−
height: 100%;
 
−
width:100%;
 
−
    background: transparent; /* For browsers that do not support gradients */
 
−
    background: -webkit-linear-gradient(black, transparent 80%, black); /* For Safari 5.1 to 6.0 */
 
−
    background: -o-linear-gradient(black, transparent 80%, black); /* For Opera 11.1 to 12.0 */
 
−
    background: -moz-linear-gradient(black, transparent 80%, black); /* For Firefox 3.6 to 15 */
 
−
    background: linear-gradient(black, transparent 80%, black); /* Standard syntax (must be last) */
 
−
}
 
−
 
−
 
−
</style>
 
  
 
</head>
 
</head>
  
 
<body>
 
<body>
 +
<nav id="navbar">
 +
      <span>
  
−
  <div id="nav" class="noBackground" style="width:100%; z-index:100;" >
+
  <ul class="nav navbar-nav navbar-center">
−
            <div class="inner" >
+
−
<div id="navWrap">
+
−
    <nav >
+
−
<div class="container-fluid">
+
−
    <ul class="nav navbar-nav navbar-center">
+
  
−
      <li class="active" ><a href="https://2017.igem.org/Team:Dalhousie/test3" style=" color: white;">Home</a></li>
+
<li><a href="https://2017.igem.org/Team:Dalhousie/test3" >Home</a></li>
−
<li class="dropdown">
+
     
−
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">The Project
+
 
−
         <span class="caret"></span></a>
+
<li class="dropdown" >
−
         <ul class="dropdown-menu">
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" >Project
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Description" >Description</a></li>
+
         </a>
 +
         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
 +
           <li><a href="https://2017.igem.org/Team:Dalhousie/Description" >Description</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Design">Design</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Design">Design</a></li>
−
           <li><a href="https://2017.igem.org/Team:Dalhousie/Experiments">Experiments</a></li>
+
           <li><a href="https://2017.igem.org/Team:Dalhousie/Improve">Improve</a></li>
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Notebook">Notebook</a></li>
+
−
          <li><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>
 
         </ul>
 
       </li>
 
       </li>
 +
<li class="dropdown">
 +
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" >Results
 +
        </a>
 +
        <ul class="dropdown-menu">
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/InterLab">Interlab</a></li>
 +
  <li><a href="https://2017.igem.org/Team:Dalhousie/Results">Results</a></li>
 +
        </ul>
 +
</li>   
  
−
     
+
 
 
<li class="dropdown">
 
<li class="dropdown">
−
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Our Team
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" >Team
−
         <span class="caret"></span></a>
+
         </a>
 
         <ul class="dropdown-menu">
 
         <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/Team">Team</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Collaborations">Collaborations</a></li>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Collaborations">Collaborations</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Attributions">Attributions</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Sponsors">Sponsors</a></li>
 +
        </ul>
 +
</li>
 +
 +
<li class="dropdown">
 +
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" >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>
 +
        <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Science_Literacy">Science Literacy</a></li>
 +
        <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Ethics">Ethics</a></li>
 +
<li><a href="https://2017.igem.org/Team:Dalhousie/Demonstrate">Demonstrate</a></li>
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
  
 
<li class="dropdown">
 
<li class="dropdown">
−
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Parts
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" >Lab
−
         <span class="caret"></span></a>
+
         </a>
 
         <ul class="dropdown-menu">
 
         <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/Parts">Parts</a></li>
Line 114: Line 104:
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Composite_Parts">Composite 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>
 
           <li><a href="https://2017.igem.org/Team:Dalhousie/Part_Collection">Part Collections</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Safety" >Safety</a></li>
 +
            <li><a href="https://2017.igem.org/Team:Dalhousie/Experiments">Experiments</a></li>
 +
          <li><a href="https://2017.igem.org/Team:Dalhousie/Notebook">Notebook</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>
 
         </ul>
 
         </ul>
 
       </li>
 
       </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
 
−
        <span class="caret"></span></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">
 
<li class="dropdown">
−
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Awards
+
         <a class="dropdown-toggle" data-toggle="dropdown" href="#" >Awards
−
         <span class="caret"></span></a>
+
         </a>
 
         <ul class="dropdown-menu">
 
         <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/Applied_Design">Applied Design</a></li>
Line 148: Line 132:
 
<ul class="nav navbar-nav navbar-right">
 
<ul class="nav navbar-nav navbar-right">
 
     <div class="navbar-header">
 
     <div class="navbar-header">
−
       <a class="navbar-brand" style=" color: white;">Contact us today </a>
+
       <a class="navbar-brand" >Contact us today </a>
 
     </div>
 
     </div>
 
<li>
 
<li>
−
                         <a href="mailto:igemdalhousie@gmail.com" ><i class="fa fa-envelope-o fa-fw" style=" color: white;"></i> <span class="network-name"></span></a>
+
                         <a href="mailto:igemdalhousie@gmail.com" ><i class="fa fa-envelope-o fa-fw" ></i> <span class="network-name"></span></a>
 
                     </li>
 
                     </li>
 
<li>
 
<li>
−
                         <a target="_blank" href="https://twitter.com/dalhousie_igem?lang=en" ><i class="fa fa-twitter fa-fw" style=" color: white;"></i> <span class="network-name"></span></a>
+
                         <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>
 
                     <li>
 
                     <li>
−
                         <a target="_blank" href="https://www.facebook.com/Dalhousie.iGEM/" ><i class="fa fa-facebook fa-fw" style=" color: white;"></i> <span class="network-name"></span></a>
+
                         <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>
+
                     </li></ul></ul>
 +
</span>
 +
     
 +
    </nav>
 +
   
 +
 
  
−
    </ul>
+
<style>
−
   </div>
+
html {
−
</nav>
+
   position: relative;
−
</div>
+
  top: 0;
−
            </div>
+
  left: 0;
−
        </div>
+
  max-width: 100vw;
 +
  min-height: 200vh;
 +
  margin: 0px;
 +
  padding: 0px;
 +
  border: 0px;
 +
}
 +
body {
 +
  padding: 1.7vmin;
 +
  font-size: 16px;
 +
  font-family: sans, sans-serif;
 +
  color: red;
 +
}
  
 +
a {
 +
  color: inherit;
 +
  font-style: italic;
 +
}
  
 +
nav {
 +
  position: fixed;
 +
  top: 0;
 +
  left: 0;
 +
  height: 3em;
 +
  width: 100%;
 +
  background-color: transparent;
 +
  box-sizing: border-box;
 +
  padding: 12px 18px;
 +
  transition: background-color 0.4s ease-out;
 +
margin-top: 10px;
 +
color: white;
 +
}
  
 +
nav span {
 +
  font-weight: 600;
 +
  letter-spacing: .085em;
 +
 +
}
 +
 +
nav button {
 +
  position: absolute;
 +
  top: 0;
 +
  transform: translateY(50%);
 +
  right: 0;
 +
  min-height: 1.5em;
 +
  min-width: 80px;
 +
  background-color: #eee;
 +
  color: white;
 +
  border: 0px;
 +
  border-radius: 2px;
 +
  margin-right: 18px;
 +
  text-transform: uppercase;
 +
}
 +
 +
nav.scroll {
 +
  background-color: white;
 +
  color: black;
 +
}
 +
 +
body > header {
 +
  margin-top: 14.7em;
 +
}
 +
</style>
 +
<script>
 +
window.onscroll = () => {
 +
  const nav = document.querySelector('#navbar');
 +
  if(this.scrollY <= 10) nav.className = ''; else nav.className = 'scroll';
 +
};
 +
</script>
  
  
  
 
         <div class="panel" id="panel1" >
 
         <div class="panel" id="panel1" >
−
            <div class="inner" >
 
  
 +
            <div class="inner" >
 
<div class="top" ><div class="title" >Welcome to Dalhousie's 2017 iGEM wiki</div></div>
 
<div class="top" ><div class="title" >Welcome to Dalhousie's 2017 iGEM wiki</div></div>
  
Line 231: Line 284:
  
 
<!-------------------------------------------infographic----------------------------->
 
<!-------------------------------------------infographic----------------------------->
−
<p style="text-align:center; color:white;">
+
<p style="text-align:center; color:white; margin-top:50px;">
−
<img src= "https://static.igem.org/mediawiki/2017/8/8b/Infograph2_1.jpg" align="center" height="75%" width="75%"></p>
+
<img src= "https://static.igem.org/mediawiki/2017/8/8b/Infograph2_1.jpg" align="center" height="70%" width="70%"></p>
  
  
−
             <a href="#panel3">next</a>
+
              
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 241: Line 294:
  
 
<div class="container" style="height:450px; width:100%; position: relative;">
 
<div class="container" style="height:450px; width:100%; position: relative;">
−
<div id="grad2" style=" width:100%; position: absolute; left: 0px; top: 0px;"><!--------fade------------>
 
−
</div>
 
 
  </div>
 
  </div>
  
Line 248: Line 299:
 
         <div class="panel panel-red" id="panel3">
 
         <div class="panel panel-red" id="panel3">
 
             <div class="inner">
 
             <div class="inner">
−
        
+
       <p style="text-align:center; color:white; font-size: 30px; margin-top:100px;">
 +
Thanks to our Sponsors!!</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>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 334: Line 392:
 
width:100%;
 
width:100%;
 
height: 100%;
 
height: 100%;
 +
margin-bottom:0px;
 +
background: white;
 
}
 
}
 
#panel3{
 
#panel3{
 
width:100%;
 
width:100%;
 
height: 500px;
 
height: 500px;
 +
margin-bottom:-100px;
 
}
 
}
  

Latest revision as of 16:50, 9 October 2017

Welcome to Dalhousie's 2017 iGEM wiki

Thanks to our Sponsors!!