Difference between revisions of "Team:Vanderbilt/Team/About"

 
(37 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Template:Vanderbilt_Header}}
 
{{Template:Vanderbilt_Header}}
 +
{{Template:Vanderbilt_Navbar}}
 +
{{Template:Vanderbilt_Style}}
 +
 
<html>
 
<html>
<style>
 
.btn {
 
  -webkit-border-radius: 0 !important;
 
    -moz-border-radius: 0 !important;
 
          border-radius: 0 !important;
 
background-color: #3e0812;
 
color: #9e515e;
 
}
 
a:link {
 
    text-decoration: none;
 
color: #9e515e;
 
}
 
a:visited {
 
    text-decoration: none;
 
color: #9e515e;
 
}
 
  
</style>
+
<div id="breadcrumb_container" class="container" style="position:fixed; top:88px; z-index:2;">
 
+
<div id="breadcrumb_container" class="container" style="position:fixed; top:75px; z-index:2;">
+
 
<div class="row">
 
<div class="row">
 
         <div class="btn-group btn-breadcrumb">
 
         <div class="btn-group btn-breadcrumb">
 
             <a href="#" class="btn btn-default"><i class="glyphicon glyphicon-user"></i></a>
 
             <a href="#" class="btn btn-default"><i class="glyphicon glyphicon-user"></i></a>
             <a href="https://2015.igem.org/Team:Vanderbilt/Team/About" class="btn btn-default">About</a>
+
             <a href="https://2015.igem.org/Team:Vanderbilt/Team/About" class="btn btn-default chosen">About</a>
 
             <a href="https://2015.igem.org/Team:Vanderbilt/Team/Members" class="btn btn-default">Members</a>
 
             <a href="https://2015.igem.org/Team:Vanderbilt/Team/Members" class="btn btn-default">Members</a>
             <a href="https://2015.igem.org/Team:Vanderbilt/Team/Attributes" class="btn btn-default">Attributes</a>
+
             <a href="https://2015.igem.org/Team:Vanderbilt/Team/Attributions" class="btn btn-default">Attributions</a>
 
             <a href="https://2015.igem.org/Team:Vanderbilt/Team/Sponsors" class="btn btn-default">Sponsors</a>
 
             <a href="https://2015.igem.org/Team:Vanderbilt/Team/Sponsors" class="btn btn-default">Sponsors</a>
 
         </div>
 
         </div>
Line 32: Line 17:
 
</div>
 
</div>
  
</html>
+
<!-- adjust the text in the big space to match the page content -->
{{Template:Vanderbilt_Navbar}}
+
<html>
+
 
+
 
<script>
 
<script>
 
document.getElementById("header_text").innerHTML = "About";
 
document.getElementById("header_text").innerHTML = "About";
 
</script>
 
</script>
<style>
 
  
#dnaStrand1, #dnaStrand2 {
+
<style> 
    display: none;
+
    p {
}
+
      text-indent: 2.0em;
 +
    }
 +
  </style>
  
 +
<div class="row">
 +
<div class="col-md-10 col-md-offset-1" style="background-color: #44111a; height: 100%;">
 +
<h2> About the Team </h2>
 +
<div class="row">
 +
<div class="col-md-7">
 +
  <p>The Vanderbilt iGEM team is made up of dedicated undergraduate students who have a passion for synthetic biology. We pride ourselves on being a independent research laboratory run by undergraduate students. In our lab, as long as you have a dash of creativity and a dedicated work ethic, then even as a student, you can take your ideas for biological inventions and make them into reality. It is a rare place where we as students can go all the way from the spark of an idea, to experimentation, to discovery. </p>
 +
 +
<p> Our members’ interests stretch from biological engineering to bioinformatics and biophysical modeling. We have come together this year as an interdisciplinary team, merging together ideas from the fields of biology, chemistry, computing, and mathematics, in order to develop the kind of innovative projects that are only possible with immersive collaborations. </p>
  
@media(min-width:768px) {
+
<p>  Our team combines an interdisciplinary spirit with a desire to tackle the most difficult problems in biology. Each of us contributing our own expertise and interests, we look for new ways to approach these problems. As our project this year embodies, we are not afraid to venture into the seemingly impossible, like the idea of using engineering to somehow fend off the process of DNA mutation and evolution. But the most important discoveries come from taking that leap of inspiration, and we as scientists and engineers at Vanderbilt iGEM are willing to take the chance to bring the field of synthetic biology one step farther. </p>  </font>
    #dnaStrand1, #dnaStrand2 {
+
</div>
        display: block;
+
<div class="col-md-4">
    }
+
<img src='https://static.igem.org/mediawiki/2015/c/c0/VU15_Journal_club.jpeg' style="display:block;width:120%;margin:0 auto;">
}
+
html, body {
+
  height: 100%;
+
  background-color: #3e0812;
+
}
+
 
+
body {
+
  position: relative;
+
  height: 100%;
+
}
+
 
+
.footer {
+
  position: absolute;
+
  bottom: 0;
+
  width: 100%;
+
  /* Set the fixed height of the footer here */
+
  background-color: #3e0812;
+
  left: 0;
+
}
+
 
+
.row-height {
+
  display: table;
+
  table-layout: fixed;
+
  height: 100%;
+
  width: 100%;
+
}
+
 
+
@keyframes dnaFadeInOut {
+
  0%  {opacity:1;}
+
  17%  {opacity:1;}
+
  25%  {opacity:0;}
+
  92%  {opacity:0;}
+
  100% {opacity:1;}
+
}
+
 
+
@-o-keyframes dnaFadeInOut {
+
  0%  {opacity:1;}
+
  17%  {opacity:1;}
+
  25%  {opacity:0;}
+
  92%  {opacity:0;}
+
  100% {opacity:1;}
+
}
+
@-moz-keyframes dnaFadeInOut {
+
  0%  {opacity:1;}
+
  17%  {opacity:1;}
+
  25%  {opacity:0;}
+
  92%  {opacity:0;}
+
  100% {opacity:1;}
+
}
+
@-webkit-keyframes dnaFadeInOut {
+
  0%  {opacity:1;}
+
  17%  {opacity:1;}
+
  25%  {opacity:0;}
+
  92%  {opacity:0;}
+
  100% {opacity:1;}
+
}
+
 
+
.dnaStrand img:nth-of-type(1) {
+
  -webkit-animation-delay: 6s;
+
  -moz-animation-delay: 6s;
+
  -o-animation-delay: 6s;
+
  animation-delay: 6s;
+
}
+
.dnaStrand img:nth-of-type(2) {
+
  -webkit-animation-delay: 4s;
+
  -moz-animation-delay: 4s;
+
  -o-animation-delay: 4s;
+
  animation-delay: 4s;
+
}
+
.dnaStrand img:nth-of-type(3) {
+
  -webkit-animation-delay: 2s;
+
  -moz-animation-delay: 2s;
+
  -o-animation-delay: 2s;
+
  animation-delay: 2s;
+
}
+
.dnaStrand img:nth-of-type(4) {
+
  -webkit-animation-delay: 0;
+
  -moz-animation-delay: 0;
+
  -o-animation-delay: 0;
+
  animation-delay: 0;
+
}
+
 
+
.dnaStrand {
+
  position: relative;
+
  width: 100%;
+
  height: 100%;
+
}
+
 
+
.dnaStrand img {
+
  position: absolute;
+
  height: 95%;
+
  width: 95%;
+
  vertical-align: top;
+
}
+
 
+
.dnaStrand img {
+
  -webkit-animation-name: dnaFadeInOut;
+
  -webkit-animation-timing-function: ease-in-out;
+
  -webkit-animation-iteration-count: infinite;
+
  -webkit-animation-duration: 8s;
+
 
+
  -moz-animation-name: dnaFadeInOut;
+
  -moz-animation-timing-function: ease-in-out;
+
  -moz-animation-iteration-count: infinite;
+
  -moz-animation-duration: 8s;
+
 
+
  -o-animation-name: dnaFadeInOut;
+
  -o-animation-timing-function: ease-in-out;
+
  -o-animation-iteration-count: infinite;
+
  -o-animation-duration: 8s;
+
 
+
  animation-name: dnaFadeInOut;
+
  animation-timing-function: ease-in-out;
+
  animation-iteration-count: infinite;
+
  animation-duration: 8s;
+
}
+
 
+
 
+
.grid {
+
  background-color: #5f212c;
+
}
+
 
+
/* clear fix */
+
.grid:after {
+
  content: '';
+
  display: block;
+
  clear: both;
+
}
+
 
+
/* ---- .element-item ---- */
+
 
+
/* 6 columns, percentage width */
+
.grid-item,
+
.grid-sizer {
+
  width: 16.666%;
+
  margin: 0px;
+
}
+
 
+
.grid-item {
+
  float: left;
+
  background: #0D8;
+
  border: 10px solid #44111a;
+
  width: 33.333%;
+
  margin: 0px;
+
  text-align: center;
+
}
+
 
+
.grid-item--widthFull { width:100%; }
+
 
+
.grid-item img {
+
  display: block;
+
  max-width: 100%;
+
  margin: 0px;
+
}
+
 
+
.grid-textbox-top {
+
  border-left: 0px;
+
  border-top: 0px;
+
  border-right: 0px;
+
  border-bottom: 5px solid #44111a;
+
  line-height: 100%;
+
  vertical-align: middle;
+
}
+
 
+
.grid-textbox-mid {
+
  border-right: 0px;
+
  border-left: 0px;
+
  border-top: 5px solid #44111a;
+
  border-bottom: 5px solid #44111a;
+
  line-height: 100%;
+
  vertical-align: middle;
+
}
+
 
+
.grid-textbox-bot {
+
  border-right: 0px;
+
  border-left: 0px;
+
  border-top: 5px solid #44111a;
+
  border-bottom: 0px;
+
  line-height: 100%;
+
  vertical-align: middle;
+
}
+
 
+
  .carousel-inner > .item > img,
+
   .carousel-inner > .item > a > img {
+
      width: 100%;
+
      margin: auto;
+
  }
+
 
+
</style>
+
 
+
<div class="row" style="height: 100%; min-height: 100%;">
+
<div class="row-height">
+
<div class="col-lg-1 hidden-sm" style="height:100%">
+
  <br>
+
  <div class="dnaStrand" alt="dna strand">
+
  <img src="https://static.igem.org/mediawiki/2015/a/a6/Vanderbilt_2015_dna_strand_1.png"/>
+
  <img src="https://static.igem.org/mediawiki/2015/d/d1/Vanderbilt_2015_dna_strand_2.png"/>
+
  <img src="https://static.igem.org/mediawiki/2015/2/2a/Vanderbilt_2015_dna_strand_3.png"/>
+
  <img src="https://static.igem.org/mediawiki/2015/f/f4/Vanderbilt_2015_dna_strand_4.png"/>
+
  </div>
+
 
</div>
 
</div>
 
<div class="col-md-10" style="background-color: #44111a; height: 100%;">
 
  <p>Put content here</p> 
 
 
<!-- footer -->
 
<div class="row" style="margin:0; border: 0; width: 100%;">
 
  <div class="col-lg-2" style="height:100%">
 
    <h3><font color="#7e1d2e">Team</font></h3>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/About"><font color="#9e515e">About</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/Members"><font color="#9e515e">Members</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/Attributes"><font color="#9e515e">Attributes</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Team/Sponsors"><font color="#9e515e">Sponsors</font></a>
 
    <br>
 
  </div>
 
  <div class="col-lg-2" style="height:100%">
 
    <h3><font color="#7e1d2e">Project</font></h3>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Background"><font color="#9e515e">Background</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Sequence"><font color="#9e515e">Sequence</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Circuit"><font color="#9e515e">Circuit</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Organism"><font color="#9e515e">Organism</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Nanopore"><font color="#9e515e">Nanopore</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Project/Achievements"><font color="#9e515e">Achievements</font></a>
 
    <br>
 
  </div>
 
  <div class="col-lg-2" style="height:100%">
 
    <h3><font color="#7e1d2e">Parts</font></h3>
 
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Part_Collection"><font color="#9e515e">Part Collection</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Optimized_RFPs"><font color="#9e515e">Optimized RFPs</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Visualizing_Evolution"><font color="#9e515e">Visualizing Evolution</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Parts/Repair Enzymes"><font color="#9e515e">Repair Enzymes</font></a>
 
    <br>
 
  </div>
 
  <div class="col-lg-2" style="height:100%">
 
    <h3><font color="#7e1d2e">Notebook</font></h3>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/May"><font color="#9e515e">May</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/June"><font color="#9e515e">June</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/July"><font color="#9e515e">July</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/August"><font color="#9e515e">August</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Notebook/September"><font color="#9e515e">September</font></a>
 
    <br>
 
  </div>
 
  <div class="col-lg-2" style="height:100%">
 
    <h3><font color="#7e1d2e">Practices</font></h3>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Safety"><font color="#9e515e">Safety</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Collaborations"><font color="#9e515e">Collaborations</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Real_World_Applications"><font color="#9e515e">Applications</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Practices/Interlab"><font color="#9e515e">Interlab</font></a>
 
    <br>
 
  </div>
 
  <div class="col-lg-2" style="height:100%">
 
    <h3><font color="#7e1d2e">Software</font></h3>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Software/Development"><font color="#9e515e">Development</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Software/User_Guide"><font color="#9e515e">User Guide</font></a>
 
    <br>
 
    <a href="https://2015.igem.org/Team:Vanderbilt/Software/Stats"><font color="#9e515e">Statistics</font></a>
 
    <br>
 
  </div>
 
 
</div>
 
</div>
  <br>
 
<!-- /footer -->
 
 
 
</div>
 
</div>
 
<div class="col-lg-1 hidden-sm" style="height:100%;">
 
  <br>
 
  <div class="dnaStrand" alt="dna strand">
 
  <img src="https://static.igem.org/mediawiki/2015/a/a6/Vanderbilt_2015_dna_strand_1.png"/>
 
  <img src="https://static.igem.org/mediawiki/2015/d/d1/Vanderbilt_2015_dna_strand_2.png"/>
 
  <img src="https://static.igem.org/mediawiki/2015/2/2a/Vanderbilt_2015_dna_strand_3.png"/>
 
  <img src="https://static.igem.org/mediawiki/2015/f/f4/Vanderbilt_2015_dna_strand_4.png"/>
 
  </div>
 
 
</div>
 
</div>
  
</div>
+
</html>
</div>
+
{{Template:Vanderbilt_Footer}}
 +
<html>
  
 
</html>
 
</html>

Latest revision as of 03:48, 26 November 2015

Vanderbilt iGEM 2015

About the Team

The Vanderbilt iGEM team is made up of dedicated undergraduate students who have a passion for synthetic biology. We pride ourselves on being a independent research laboratory run by undergraduate students. In our lab, as long as you have a dash of creativity and a dedicated work ethic, then even as a student, you can take your ideas for biological inventions and make them into reality. It is a rare place where we as students can go all the way from the spark of an idea, to experimentation, to discovery.

Our members’ interests stretch from biological engineering to bioinformatics and biophysical modeling. We have come together this year as an interdisciplinary team, merging together ideas from the fields of biology, chemistry, computing, and mathematics, in order to develop the kind of innovative projects that are only possible with immersive collaborations.

Our team combines an interdisciplinary spirit with a desire to tackle the most difficult problems in biology. Each of us contributing our own expertise and interests, we look for new ways to approach these problems. As our project this year embodies, we are not afraid to venture into the seemingly impossible, like the idea of using engineering to somehow fend off the process of DNA mutation and evolution. But the most important discoveries come from taking that leap of inspiration, and we as scientists and engineers at Vanderbilt iGEM are willing to take the chance to bring the field of synthetic biology one step farther.