Difference between revisions of "Team:Dalhousie/Team"

Line 1: Line 1:
 
<html>
 
<html>
−
<head>
 
−
script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 
−
<script src="https://static.igem.org/mediawiki/2017/0/06/Jqueryflipminjs.txt"></script>
 
−
<script>
 
−
$(function(){
 
−
    $(".flip").flip({
 
−
        trigger: 'hover'
 
−
    });
 
−
});
 
−
</script>
 
  
 +
<head>
 +
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 +
    <script src="https://static.igem.org/mediawiki/2017/0/06/Jqueryflipminjs.txt"></script>
 +
    <script>
 +
        $(function () {
 +
            $(".flip").flip({
 +
                trigger: 'hover'
 +
            });
 +
        });
 +
    </script>
  
−
<style>
 
−
#bg-video {
 
−
        position: fixed;
 
−
        top: 0;
 
−
        right: 0;
 
−
        bottom: 0px;
 
−
        left: 0;
 
−
        overflow: hidden;
 
−
        z-index: -100;
 
−
        width:100%;
 
  
−
}
+
    <style>
−
</style>
+
        #bg-video {
 +
            position: fixed;
 +
            top: 0;
 +
            right: 0;
 +
            bottom: 0px;
 +
            left: 0;
 +
            overflow: hidden;
 +
            z-index: -100;
 +
            width: 100%;
 +
        }
 +
    </style>
  
−
<!--glyphicons-->
+
    <!--glyphicons-->
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
−
  <link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/libraries/css/Bootstrap?action=raw&ctype=text/css" />
+
    <link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/libraries/css/Bootstrap?action=raw&ctype=text/css" />
−
  <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/libraries/css/fonts?action=raw&ctype=text/css" />
−
<link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/css3?action=raw&ctype=text/css" />
+
    <link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/css3?action=raw&ctype=text/css" />
  
−
<!--------------------oldnavbar--------------->
+
    <!--------------------oldnavbar--------------->
−
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  
  
−
<!-------------------------------------need this--------------------------->
+
    <!-------------------------------------need this--------------------------->
−
<style>
+
    <style>
−
#home_logo, #sideMenu { display:none; }
+
        #home_logo,
−
#sideMenu, #top_title, .patrollink {display:none;}
+
        #sideMenu {
−
#content { width:100%; padding:0px; margin-top:-20px; margin-left:0px; background-color: white;}
+
            display: none;
−
body {background-color:white; }
+
        }
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 10px; background-color: transparent; z-index:100;}
+
       
 +
        #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 {
 
         .jumbotron {
 
             height: 850px;
 
             height: 850px;
 
             position: relative;
 
             position: relative;
−
         
+
        }
−
            }
+
       
−
.navbar-default .navbar-nav>.active>a, .nav > li > a:hover, .nav > li > a:focus {
+
        .navbar-default .navbar-nav>.active>a,
−
  background-color: #C1D35D;
+
        .nav > li > a:hover,
−
  text-decoration: none;
+
        .nav > li > a:focus {
−
}
+
            background-color: #C1D35D;
−
</style>
+
            text-decoration: none;
 +
        }
 +
    </style>
  
  
Line 59: Line 89:
 
<body>
 
<body>
  
−
<!-------------------navbar---------------------->
+
    <!-------------------navbar---------------------->
−
<div id="nav" class="noBackground" style="width:100%; z-index:100;" >
+
    <div id="nav" class="noBackground" style="width:100%; z-index:100;">
−
            <div class="inner" >
+
        <div class="inner">
−
<div id="navWrap">
+
            <div id="navWrap">
−
    <nav >
+
                <nav>
−
<div class="container-fluid">
+
                    <div class="container-fluid">
−
    <ul class="nav navbar-nav navbar-center">
+
                        <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 class="active"><a href="https://2017.igem.org/Team:Dalhousie/test3" style=" color: white;">Home</a></li>
  
−
<li class="dropdown" >
+
                            <li class="dropdown">
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Project
+
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Project
 
         </a>
 
         </a>
−
        <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
+
                                <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/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/Improve">Improve</a></li>
+
                                    <li><a href="https://2017.igem.org/Team:Dalhousie/Improve">Improve</a></li>
−
        </ul>
+
                                </ul>
−
      </li>
+
                            </li>
  
−
<li class="dropdown">
+
                            <li class="dropdown">
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Results
+
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Results
 
         </a>
 
         </a>
−
        <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
+
                                <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/InterLab">Interlab</a></li>
−
  <li><a href="https://2017.igem.org/Team:Dalhousie/Results">Results</a></li>
+
                                    <li><a href="https://2017.igem.org/Team:Dalhousie/Results">Results</a></li>
−
        </ul>
+
                                </ul>
−
</li>  
+
                            </li>
  
−
 
+
 
−
<li class="dropdown">
+
                            <li class="dropdown">
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Team
+
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Team
 
         </a>
 
         </a>
−
        <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
+
                                <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/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/Attributions">Attributions</a></li>
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/Sponsors">Sponsors</a></li>
+
                                    <li><a href="https://2017.igem.org/Team:Dalhousie/Sponsors">Sponsors</a></li>
−
        </ul>
+
                                </ul>
−
</li>
+
                            </li>
  
−
<li class="dropdown">
+
                            <li class="dropdown">
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Human Practices
+
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Human Practices
 
         </a>
 
         </a>
−
        <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
+
                                <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/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/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/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/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/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/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/HP/Ethics">Ethics</a></li>
−
<li><a href="https://2017.igem.org/Team:Dalhousie/Demonstrate">Demonstrate</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;">Lab
+
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Lab
 
         </a>
 
         </a>
−
        <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
+
                                <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/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/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/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/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/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/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/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/Model">Model</a></li>
−
        </ul>
+
                                </ul>
−
      </li>
+
                            </li>
  
−
     
 
  
  
−
<li class="dropdown">
+
 
−
        <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Awards
+
                            <li class="dropdown">
 +
                                <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Awards
 
         </a>
 
         </a>
−
        <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);">
+
                                <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/Applied_Design">Applied Design</a></li>
−
          <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Entrepreneurship">Entrepreneurship</a></li>
+
                                    <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Entrepreneurship">Entrepreneurship</a></li>
−
        </ul>
+
                                </ul>
−
      </li>
+
                            </li>
  
  
−
    </ul>
+
                        </ul>
  
  
  
 
<!--------------------------contact us------------------------------------------>
 
<!--------------------------contact us------------------------------------------>
−
<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" style=" color: white;">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" style=" color: white;"  ></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: white;" ></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: white;" ></i> <span class="network-name"></span></a>
−
                    </li>
+
                            </li>
  
−
    </ul>
+
                        </ul>
−
  </div>
+
                    </div>
−
</nav>
+
                </nav>
−
</div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
    </div>
  
  
Line 174: Line 204:
  
  
−
 
−
        <div class="panel" id="panel1" >
 
−
 
−
            <div class="inner" >
 
−
<div class="top" ><div class="title" >Our Team!</div></div>
 
−
 
−
 
 
−
<img src= "https://cdn.strategyzer.com/assets/team/team-1942f856f81fe9c039f3320e4af5b115d89b62800e7236d22d7a6f973ac1f41d.svg" style="top:0px; padding-bottom:0px; position:fixed; height: 100%; width: 100%; z-index:-100; align: center; left: 0px;" >
 
−
 
−
 
−
<!--------------------------------fade title---------------------------->
 
−
<style>body {
 
−
  margin: 0;
 
−
  height: 10px;
 
−
}
 
−
 
−
.top {
 
−
 
−
  margin-top: 350px;
 
−
  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 class="panel" id="panel1">
  
 +
        <div class="inner">
 +
            <div class="top">
 +
                <div class="title">Our Team!</div>
 
             </div>
 
             </div>
−
        </div>
 
  
  
 +
            <img src="https://cdn.strategyzer.com/assets/team/team-1942f856f81fe9c039f3320e4af5b115d89b62800e7236d22d7a6f973ac1f41d.svg" style="top:0px; padding-bottom:0px; position:fixed; height: 100%; width: 100%; z-index:-100; align: center; left: 0px;">
  
  
 +
            <!--------------------------------fade title---------------------------->
 +
            <style>
 +
                body {
 +
                    margin: 0;
 +
                    height: 10px;
 +
                }
 +
               
 +
                .top {
 +
                    margin-top: 350px;
 +
                    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"><!-------------------------------------------------------IMAGES-------------------------------------------------------------->
 
−
            <div class="inner">
 
−
<div class="container">
 
−
<div class="row">
 
−
<div class="row" style="padding:20px;"/>
 
−
<h2>Students</h2>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="flip">
 
−
    <div class="front">
 
−
        <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" height="100%" width="100%"/>
 
−
    </div>
 
−
    <div class="back">
 
−
        <p>Some Text in the Back!</p>
 
−
    </div>
 
−
</div>
 
−
<h3 style="text-align:center;">Landon Getz</h3>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="flip">
 
−
    <div class="front">
 
−
        <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 
−
    </div>
 
−
    <div class="back">
 
−
        <p>Some Text in the Back!</p>
 
−
    </div>
 
−
</div>
 
−
<h3 style="text-align:center;">Landon Getz</h3>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="flip">
 
−
    <div class="front">
 
−
        <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 
−
    </div>
 
−
    <div class="back">
 
−
        <p>Landon Getz is an M.Sc. Candidate here at Dalhousie and is a Graduate Student mentor for iGEM Dalhousie 2017. Landon attended the Giant Jamboree in 2016 and has experience with the iGEM competition and what is expected at the Jamboree. Landon was apart of the bioinformatics and web design team member last year, and can guide Dalhousie iGEM this year through these processes. He got involved with iGEM in 2016 to learn new skills and work with other like-minded individuals on a group project. This year, Landon is hoping to pass off the skill he learned to the new students of iGEM 2017. For the future, he is hoping to continue in academia or use his synthetic biology background to aid in ocean biotechnology innovation.</p>
 
−
    </div>
 
−
</div>
 
−
<h3 style="text-align:center;">Landon Getz</h3>
 
−
</div>
 
−
</div>
 
  
−
<div class="row" style="padding:20px;"/>
 
−
<h2>Students</h2>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="flip">
 
−
    <div class="front">
 
−
        <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" height="100%" width="100%"/>
 
−
    </div>
 
−
    <div class="back">
 
−
        <p>Some Text in the Back!</p>
 
−
    </div>
 
−
</div>
 
−
<h3 style="text-align:center;">Landon Getz</h3>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="flip">
 
−
    <div class="front">
 
−
        <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 
−
    </div>
 
−
    <div class="back">
 
−
        <p>Some Text in the Back!</p>
 
−
    </div>
 
−
</div>
 
−
<h3 style="text-align:center;">Landon Getz</h3>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="flip">
 
−
    <div class="front">
 
−
        <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 
−
    </div>
 
−
    <div class="back">
 
−
        <p>Landon Getz is an M.Sc. Candidate here at Dalhousie and is a Graduate Student mentor for iGEM Dalhousie 2017. Landon attended the Giant Jamboree in 2016 and has experience with the iGEM competition and what is expected at the Jamboree. Landon was apart of the bioinformatics and web design team member last year, and can guide Dalhousie iGEM this year through these processes. He got involved with iGEM in 2016 to learn new skills and work with other like-minded individuals on a group project. This year, Landon is hoping to pass off the skill he learned to the new students of iGEM 2017. For the future, he is hoping to continue in academia or use his synthetic biology background to aid in ocean biotechnology innovation.</p>
 
−
    </div>
 
−
</div>
 
−
<h3 style="text-align:center;">Landon Getz</h3>
 
−
</div>
 
−
</div>
 
  
−
<div class="row" style="padding:20px;"/>
 
−
<h2>Students</h2>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="flip">
 
−
    <div class="front">
 
−
        <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" height="100%" width="100%"/>
 
−
    </div>
 
−
    <div class="back">
 
−
        <p>Some Text in the Back!</p>
 
−
    </div>
 
−
</div>
 
−
<h3 style="text-align:center;">Landon Getz</h3>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="flip">
 
−
    <div class="front">
 
−
        <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 
−
    </div>
 
−
    <div class="back">
 
−
        <p>Some Text in the Back!</p>
 
−
    </div>
 
−
</div>
 
−
<h3 style="text-align:center;">Landon Getz</h3>
 
−
</div>
 
−
<div class="col-md-4">
 
−
<div class="flip">
 
−
    <div class="front">
 
−
        <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 
−
    </div>
 
−
    <div class="back">
 
−
        <p>Landon Getz is an M.Sc. Candidate here at Dalhousie and is a Graduate Student mentor for iGEM Dalhousie 2017. Landon attended the Giant Jamboree in 2016 and has experience with the iGEM competition and what is expected at the Jamboree. Landon was apart of the bioinformatics and web design team member last year, and can guide Dalhousie iGEM this year through these processes. He got involved with iGEM in 2016 to learn new skills and work with other like-minded individuals on a group project. This year, Landon is hoping to pass off the skill he learned to the new students of iGEM 2017. For the future, he is hoping to continue in academia or use his synthetic biology background to aid in ocean biotechnology innovation.</p>
 
−
    </div>
 
−
</div>
 
−
<h3 style="text-align:center;">Landon Getz</h3>
 
−
</div>
 
−
</div>
 
  
  
−
<div class="flip">
 
−
    <div class="front">
 
−
        <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 
−
    </div>
 
−
    <div class="back">
 
−
        <h3>Some Text in the Back!</h3>
 
−
    </div>
 
−
</div>
 
−
<div class="flip">
 
−
    <div class="front">
 
−
        <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 
−
    </div>
 
−
    <div class="back">
 
−
        <h3>Some Text in the Back!</h3>
 
−
    </div>
 
−
</div>
 
−
</div>
 
  
−
<style>
 
−
.flip {
 
−
    height: 350px;
 
−
    width: 350px;
 
−
    margin: 0 auto;
 
−
}
 
−
.flip img {
 
−
    width: 350px;
 
−
    height: auto;
 
−
}
 
−
.flip .back {
 
−
    background: #2184cd;
 
−
    color: #fff;
 
−
    text-align: center;
 
−
    padding:15px;
 
−
}
 
−
</style>
 
  
−
 
+
<div class="container">
−
 
+
    <div class="panel" id="panel2">
−
 
+
        <!-------------------------------------------------------IMAGES-------------------------------------------------------------->
−
 
+
        <div class="inner">
−
 
+
                <div class="row">
−
           
+
                    <div class="row" style="padding:20px;">
 +
                    <h2>Students</h2>
 +
                    </div>
 +
                <div class="col-md-4">
 +
                    <div class="flip">
 +
                        <div class="front">
 +
                            <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" height="100%" width="100%" />
 +
                        </div>
 +
                        <div class="back">
 +
                            <p>Some Text in the Back!</p>
 +
                        </div>
 +
                    </div>
 +
                    <h3 style="text-align:center;">Landon Getz</h3>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <div class="flip">
 +
                        <div class="front">
 +
                            <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 +
                        </div>
 +
                        <div class="back">
 +
                            <p>Some Text in the Back!</p>
 +
                        </div>
 +
                    </div>
 +
                    <h3 style="text-align:center;">Landon Getz</h3>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <div class="flip">
 +
                        <div class="front">
 +
                            <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 +
                        </div>
 +
                        <div class="back">
 +
                            <p>Landon Getz is an M.Sc. Candidate here at Dalhousie and is a Graduate Student mentor for iGEM Dalhousie 2017. Landon attended the Giant Jamboree in 2016 and has experience with the iGEM competition and what is expected at the Jamboree. Landon was apart of the bioinformatics and web design team member last year, and can guide Dalhousie iGEM this year through these processes. He got involved with iGEM in 2016 to learn new skills and work with other like-minded individuals on a group project. This year, Landon is hoping to pass off the skill he learned to the new students of iGEM 2017. For the future, he is hoping to continue in academia or use his synthetic biology background to aid in ocean biotechnology innovation.</p>
 +
                        </div>
 +
                    </div>
 +
                    <h3 style="text-align:center;">Landon Getz</h3>
 +
                </div>
 
             </div>
 
             </div>
 +
    <div class="row">
 +
        <div class="col-md-4">
 +
            <div class="flip">
 +
                <div class="front">
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" height="100%" width="100%" />
 +
                </div>
 +
                <div class="back">
 +
                    <p>Some Text in the Back!</p>
 +
                </div>
 +
            </div>
 +
            <h3 style="text-align:center;">Landon Getz</h3>
 
         </div>
 
         </div>
 +
        <div class="col-md-4">
 +
            <div class="flip">
 +
                <div class="front">
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 +
                </div>
 +
                <div class="back">
 +
                    <p>Some Text in the Back!</p>
 +
                </div>
 +
            </div>
 +
            <h3 style="text-align:center;">Landon Getz</h3>
 +
        </div>
 +
        <div class="col-md-4">
 +
            <div class="flip">
 +
                <div class="front">
 +
                    <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 +
                </div>
 +
                <div class="back">
 +
                    <p>Landon Getz is an M.Sc. Candidate here at Dalhousie and is a Graduate Student mentor for iGEM Dalhousie 2017. Landon attended the Giant Jamboree in 2016 and has experience with the iGEM competition and what is expected at the Jamboree. Landon was apart of the bioinformatics and web design team member last year, and can guide Dalhousie iGEM this year through these processes. He got involved with iGEM in 2016 to learn new skills and work with other like-minded individuals on a group project. This year, Landon is hoping to pass off the skill he learned to the new students of iGEM 2017. For the future, he is hoping to continue in academia or use his synthetic biology background to aid in ocean biotechnology innovation.</p>
 +
                </div>
 +
            </div>
 +
            <h3 style="text-align:center;">Landon Getz</h3>
 +
        </div>
 +
    </div>
  
−
 
+
    <div class="row">
−
<div class="container" style="height:450px; width:100%; position: relative;"><!--------empty panel---------->
+
    <div class="col-md-4">
−
</div>
+
        <div class="flip">
−
 
+
            <div class="front">
−
 
+
                <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" height="100%" width="100%" />
−
        <div class="panel panel-red" id="panel3">
+
            </div>
−
            <div class="inner">
+
            <div class="back">
−
      <p style="text-align:center; color:white; font-size: 30px; margin-top:100px;">
+
                <p>Some Text in the Back!</p>
−
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>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
        <h3 style="text-align:center;">Landon Getz</h3>
 +
    </div>
 +
    <div class="col-md-4">
 +
        <div class="flip">
 +
            <div class="front">
 +
                <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 +
            </div>
 +
            <div class="back">
 +
                <p>Some Text in the Back!</p>
 +
            </div>
 +
        </div>
 +
        <h3 style="text-align:center;">Landon Getz</h3>
 +
    </div>
 +
    <div class="col-md-4">
 +
        <div class="flip">
 +
            <div class="front">
 +
                <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 +
            </div>
 +
            <div class="back">
 +
                <p>Landon Getz is an M.Sc. Candidate here at Dalhousie and is a Graduate Student mentor for iGEM Dalhousie 2017. Landon attended the Giant Jamboree in 2016 and has experience with the iGEM competition and what is expected at the Jamboree. Landon was apart of the bioinformatics and web design team member last year, and can guide Dalhousie iGEM this year through these processes. He got involved with iGEM in 2016 to learn new skills and work with other like-minded individuals on a group project. This year, Landon is hoping to pass off the skill he learned to the new students of iGEM 2017. For the future, he is hoping to continue in academia or use his synthetic biology background to aid in ocean biotechnology innovation.</p>
 +
            </div>
 +
        </div>
 +
        <h3 style="text-align:center;">Landon Getz</h3>
 +
    </div>
 +
    </div>
  
  
−
<style>
+
    <div class="flip">
−
html {
+
        <div class="front">
−
height: 100%;
+
            <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
−
min-height: 100%;
+
        </div>
−
}
+
        <div class="back">
 +
            <h3>Some Text in the Back!</h3>
 +
        </div>
 +
    </div>
 +
    <div class="flip">
 +
        <div class="front">
 +
            <img src="https://static.igem.org/mediawiki/2017/5/57/Team--Dalhousie--landon.jpg" alt="" />
 +
        </div>
 +
        <div class="back">
 +
            <h3>Some Text in the Back!</h3>
 +
        </div>
 +
    </div>
 +
    </div>
  
−
body {
+
    <style>
−
height: 100%;
+
        .flip {
−
}
+
            height: 350px;
 +
            width: 350px;
 +
            margin: 0 auto;
 +
        }
 +
       
 +
        .flip img {
 +
            width: 350px;
 +
            height: auto;
 +
        }
 +
       
 +
        .flip .back {
 +
            background: #2184cd;
 +
            color: #fff;
 +
            text-align: center;
 +
            padding: 15px;
 +
        }
 +
    </style>
  
−
.panel {
 
−
width: 100%;
 
−
height: 100%;
 
−
background: black;
 
−
color: #fff;
 
−
padding-left: 5%;
 
−
padding-right: 5%;
 
−
text-align: center;
 
−
}
 
  
  
Line 438: Line 420:
  
  
−
.panel.panel-red {
 
−
background: black;
 
  
−
}
+
    </div>
−
#nav {
+
    </div>
−
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 {
+
    <div class="container" style="height:450px; width:100%; position: relative;">
−
background-color: rgba(35,47,19,0.7);
+
        <!--------empty panel---------->
−
visibility: visible;
+
    </div>
−
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;
 
−
}
 
  
 +
    <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>
 +
        </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;
 +
        }
 +
       
 +
        .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(35, 47, 19, 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();
  
−
</style>
+
                if (scroll >= 100) {
−
<script>
+
                    header.addClass('blackBackground');
−
$( function() {
+
                } else {
−
//caches a jQuery object containing the header element
+
                    header.removeClass('blackBackground');
−
var header = $('.noBackground');
+
−
$(window).scroll(function() {
+
−
var scroll = $(window).scrollTop();
+
  
−
if (scroll >= 100) {
+
                }
−
header.addClass('blackBackground');
+
            });
−
} else {
+
        });
−
header.removeClass('blackBackground');
+
    </script>
−
                     
+
−
}
+
−
});
+
−
});
+
−
</script>
+
  
 
</body>
 
</body>
 
<html>
 
<html>

Revision as of 18:57, 14 October 2017

Our Team!

Students

Some Text in the Back!

Landon Getz

Some Text in the Back!

Landon Getz

Landon Getz is an M.Sc. Candidate here at Dalhousie and is a Graduate Student mentor for iGEM Dalhousie 2017. Landon attended the Giant Jamboree in 2016 and has experience with the iGEM competition and what is expected at the Jamboree. Landon was apart of the bioinformatics and web design team member last year, and can guide Dalhousie iGEM this year through these processes. He got involved with iGEM in 2016 to learn new skills and work with other like-minded individuals on a group project. This year, Landon is hoping to pass off the skill he learned to the new students of iGEM 2017. For the future, he is hoping to continue in academia or use his synthetic biology background to aid in ocean biotechnology innovation.

Landon Getz

Some Text in the Back!

Landon Getz

Some Text in the Back!

Landon Getz

Landon Getz is an M.Sc. Candidate here at Dalhousie and is a Graduate Student mentor for iGEM Dalhousie 2017. Landon attended the Giant Jamboree in 2016 and has experience with the iGEM competition and what is expected at the Jamboree. Landon was apart of the bioinformatics and web design team member last year, and can guide Dalhousie iGEM this year through these processes. He got involved with iGEM in 2016 to learn new skills and work with other like-minded individuals on a group project. This year, Landon is hoping to pass off the skill he learned to the new students of iGEM 2017. For the future, he is hoping to continue in academia or use his synthetic biology background to aid in ocean biotechnology innovation.

Landon Getz

Some Text in the Back!

Landon Getz

Some Text in the Back!

Landon Getz

Landon Getz is an M.Sc. Candidate here at Dalhousie and is a Graduate Student mentor for iGEM Dalhousie 2017. Landon attended the Giant Jamboree in 2016 and has experience with the iGEM competition and what is expected at the Jamboree. Landon was apart of the bioinformatics and web design team member last year, and can guide Dalhousie iGEM this year through these processes. He got involved with iGEM in 2016 to learn new skills and work with other like-minded individuals on a group project. This year, Landon is hoping to pass off the skill he learned to the new students of iGEM 2017. For the future, he is hoping to continue in academia or use his synthetic biology background to aid in ocean biotechnology innovation.

Landon Getz

Some Text in the Back!

Some Text in the Back!

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