Difference between revisions of "Team:Dalhousie/test4"

Latest revision as of 14:39, 11 October 2017

Dalhousie iGEM 2017

Welcome!
The goal of our project is to convert cellulose into D-glucose, which can be used for biofuel!
Let us show you how!

@@ Line 37: / Line 37: @@
              }
-</style>
+.navbar-default .navbar-nav>.active>a, .nav > li > a:hover, .nav > li > a:focus {
+  background-color: #C1D35D;
-<!------------fadedivs-------------------------->
+  text-decoration: none;
-<style>
-#grad1 {
-    height: 833px;
-    background: transparent; /* For browsers that do not support gradients */
-    background: -webkit-linear-gradient(transparent 90%, rgba(27,22,16,1) ); /* For Safari 5.1 to 6.0 */
-    background: -o-linear-gradient(transparent 90%, rgba(27,22,16,1)); /* For Opera 11.1 to 12.0 */
-    background: -moz-linear-gradient(transparent 90%, rgba(27,22,16,1) ); /* For Firefox 3.6 to 15 */
-    background: linear-gradient(transparent 90%, rgba(27,22,16,1)); /* 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(rgba(27,22,16,1), transparent 80%, rgba(27,22,16,1)); /* For Safari 5.1 to 6.0 */
-    background: -o-linear-gradient(rgba(27,22,16,1), transparent 80%, rgba(27,22,16,1)); /* For Opera 11.1 to 12.0 */
-    background: -moz-linear-gradient(rgba(27,22,16,1), transparent 80%, rgba(27,22,16,1)); /* For Firefox 3.6 to 15 */
-    background: linear-gradient(rgba(27,22,16,1), transparent 80%, rgba(27,22,16,1)); /* Standard syntax (must be last) */
-}
 </style>
@@ Line 84: / Line 61: @@
          </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/Description"  >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/Design">Design</a></li>
            <li><a href="https://2017.igem.org/Team:Dalhousie/Improve">Improve</a></li>
          </ul>
@@ Line 93: / Line 70: @@
          <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Results
          </a>
-         <ul class="dropdown-menu">
+         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
            <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>
@@ Line 103: / Line 80: @@
          <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Team
          </a>
-         <ul class="dropdown-menu">
+         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
            <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>
@@ Line 114: / Line 91: @@
          <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Human Practices
          </a>
-         <ul class="dropdown-menu">
+         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
          <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>
@@ Line 129: / Line 106: @@
          <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Lab
          </a>
-         <ul class="dropdown-menu">
+         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
            <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>
@@ Line 148: / Line 125: @@
          <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Awards
          </a>
-         <ul class="dropdown-menu">
+         <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
            <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>
@@ Line 165: / Line 142: @@
      </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>
+                         <a href="mailto:igemdalhousie@gmail.com" ><i class="fa fa-envelope-o fa-fw" style=" color: white;"  ></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>
+                         <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>
                      </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>
+                         <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>
                      </li>
      </ul>
    </div>
@@ Line 183: / Line 159: @@
- <div id="grad1"><!--------fade------------>
          <div class="panel" id="panel1" >
              <div class="inner" >
-<div class="top" ><div class="title" >Welcome to Dalhousie's 2017 iGEM wiki</div></div>
+<div class="top" ><div class="title" >Dalhousie iGEM 2017</div></div>
 <video  id= "myVideo" class="bg-video" style="top:0px; left:0px; padding-bottom:0px; position:fixed; width:100%;z-index:-100; " autoplay="true" loop="loop" preload="metadata" muted="muted">
-         <source src="https://static.igem.org/mediawiki/2017/5/53/Final5.mp4" type="video/mp4" />
+         <source src="https://static.igem.org/mediawiki/2017/6/68/Thisfinal.mp4" type="video/mp4" />
@@ Line 206: / Line 179: @@
 .top {
-   margin-top: 450px;
+   margin-top: 350px;
    position: absolute;
-  width:55%;
+  width:65%;
-   left:300px;
+   left:250px;
-   background-color: rgba(27,22,16,0.4);
+   background-color: transparent;
    height: 150px;
    text-align: center;
    font-family: 'Trebuchet MS';
-   font-size: 50px;
+   font-size: 80px;
-   font-weight: 100;
+   font-weight: 400;
    color: white;
 line-height: 60px;
@@ Line 231: / Line 204: @@
 <!---------------------------------------------------------------------------------this------------------------------------------------------------------------------------------->
 <script> $(window).scroll(function(){
-     $(".top").css("opacity", 1 - $(window).scrollTop() / 400);
+     $(".top").css("opacity", 1 - $(window).scrollTop() / 300);
-   });</script>
+   });
+</script>
              </div>
          </div>
-</div>
          <div class="panel" id="panel2">
+</br>
+Welcome! </br>
+The goal of our project is to convert cellulose into D-glucose, which can be used for biofuel! </br>
+Let us show you how!
              <div class="inner">
 <!-------------------------------------------infographic----------------------------->
 <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="70%" width="70%"></p>
+<img src= "https://static.igem.org/mediawiki/2017/d/de/Infograph22.jpg" align="center" height="70%" width="70%"></p>
@@ Line 256: / Line 232: @@
 <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 class="panel panel-red" id="panel3">
-            <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; ">
@@ Line 271: / Line 244: @@
 <img src= "https://static.igem.org/mediawiki/2017/5/57/B.png"  height="20%" width="20%" style=" padding:50px;">
 </p>
-            </div>
          </div>
@@ Line 315: / Line 288: @@
 .noBackground {
 	background-color: rgba(0,0,0,0);
 visibility: visible;
@@ Line 326: / Line 300: @@
 .blackBackground {
-	background-color: rgba(0,0,0,0.7);
+	background-color: rgba(35,47,19,0.7);
 visibility: visible;
 width:100%;
@@ Line 335: / Line 309: @@
 z-index:100;
 padding-bottom:40px;
+color: red;
 }
@@ Line 362: / Line 336: @@
 margin-bottom:0px;
 background: black;
+font-size: 40px;
+line-height: 40px;
 }
 #panel3{
 width:100%;
-height: 500px;
+height: 200px;
 margin-bottom:-100px;
-background: black;
+background: rgba(35,47,19,0.9);
+bottom:-100px;
 }