Difference between revisions of "Team:UFlorida"

 
(59 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{UFlorida/Menu}}
+
{{UFlorida/Menu2}}
  
  
Line 5: Line 5:
  
 
<head>
 
<head>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
−
   <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
+
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
−
   <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
+
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
−
 
+
    
−
 
+
<style>
−
   <style>
+
  
 
   body {
 
   body {
 
       font: 400 15px Lato, sans-serif;
 
       font: 400 15px Lato, sans-serif;
−
      line-height: 1.8;
+
       background-color: rgb(192,192,192);
−
      color: #818181;
+
−
     
+
−
  }
+
−
  h2 {
+
−
      font-size: 24px;
+
−
      text-transform: uppercase;
+
−
      color: #303030;
+
−
      font-weight: 600;
+
−
      margin-bottom: 30px;
+
−
  }
+
−
  h4 {
+
−
      font-size: 19px;
+
−
      line-height: 1.375em;
+
−
      color: #303030;
+
−
      font-weight: 400;
+
−
      margin-bottom: 30px;
+
−
  }
+
−
  .container-fluid {
+
−
      padding: 60px 50px;
+
−
  }
+
−
  .bg-grey {
+
−
       background-color: #f6f6f6;
+
−
  }
+
−
  .logo-small {
+
−
      color: #f4511e;
+
−
      font-size: 50px;
+
−
  }
+
−
  .logo {
+
−
      color: #f4511e;
+
−
      font-size: 200px;
+
−
  }
+
−
  .thumbnail {
+
−
      padding: 0 0 15px 0;
+
−
      border: none;
+
−
      border-radius: 0;
+
−
  }
+
−
  .thumbnail img {
+
−
      width: 100%;
+
−
      height: 100%;
+
−
      margin-bottom: 10px;
+
−
  }
+
−
  .carousel-control.right, .carousel-control.left {
+
−
      background-image: none;
+
−
      color: #f4511e;
+
−
  }
+
−
  .carousel-indicators li {
+
−
      border-color: #f4511e;
+
−
  }
+
−
  .carousel-indicators li.active {
+
−
      background-color: #f4511e;
+
−
  }
+
−
  .item h4 {
+
−
      font-size: 19px;
+
−
      line-height: 1.375em;
+
−
      font-weight: 400;
+
−
      font-style: italic;
+
−
      margin: 70px 0;
+
−
  }
+
−
  .item span {
+
−
      font-style: normal;
+
−
  }
+
−
  .panel {
+
−
      border: 1px solid #f4511e;
+
−
      border-radius:0 !important;
+
−
      transition: box-shadow 0.5s;
+
−
  }
+
−
  .panel:hover {
+
−
      box-shadow: 5px 0px 40px rgba(0,0,0, .2);
+
−
  }
+
−
  .panel-footer .btn:hover {
+
−
      border: 1px solid #f4511e;
+
−
      background-color: #fff !important;
+
−
      color: #f4511e;
+
−
  }
+
−
  .panel-heading {
+
−
      color: #fff !important;
+
−
      background-color: #f4511e !important;
+
−
      padding: 25px;
+
−
      border-bottom: 1px solid transparent;
+
−
      border-top-left-radius: 0px;
+
−
      border-top-right-radius: 0px;
+
−
      border-bottom-left-radius: 0px;
+
−
      border-bottom-right-radius: 0px;
+
−
  }
+
−
  .panel-footer {
+
−
      background-color: white !important;
+
−
  }
+
−
  .panel-footer h3 {
+
−
      font-size: 32px;
+
−
  }
+
−
  .panel-footer h4 {
+
−
      color: #aaa;
+
−
      font-size: 14px;
+
−
  }
+
−
  .panel-footer .btn {
+
−
      margin: 15px 0;
+
−
      background-color: #f4511e;
+
−
      color: #fff;
+
 
   }
 
   }
 
   footer .glyphicon {
 
   footer .glyphicon {
Line 119: Line 20:
 
       margin-bottom: 20px;
 
       margin-bottom: 20px;
 
       color: #f4511e;
 
       color: #f4511e;
−
 
 
   }
 
   }
−
  .slideanim {visibility:hidden;}
+
    img {
−
  .slide {
+
     width: 100%;
−
      animation-name: slide;
+
     height:auto;
−
      -webkit-animation-name: slide;
+
}
−
      animation-duration: 1s;
+
p {
−
      -webkit-animation-duration: 1s;
+
     margin: .4em 0 .5em 0;
−
      visibility: visible;
+
     line-height: 0em;
−
  }
+
}
−
  @keyframes slide {
+
p {
−
     0% {
+
     margin: 0 0 0px;
−
      opacity: 0;
+
−
      transform: translateY(70%);
+
−
     }
+
−
    100% {
+
−
      opacity: 1;
+
−
      transform: translateY(0%);
+
−
    }
+
−
  }
+
−
  @-webkit-keyframes slide {
+
−
     0% {
+
−
      opacity: 0;
+
−
      -webkit-transform: translateY(70%);
+
−
     }
+
−
    100% {
+
−
      opacity: 1;
+
−
      -webkit-transform: translateY(0%);
+
−
    }
+
−
  }
+
−
  @media screen and (max-width: 768px) {
+
−
     .col-sm-4 {
+
−
      text-align: center;
+
−
      margin: 25px 0;
+
−
    }
+
−
    .btn-lg {
+
−
        width: 100%;
+
−
        margin-bottom: 35px;
+
−
    }
+
−
  }
+
−
  @media screen and (max-width: 480px) {
+
−
    .logo {
+
−
        font-size: 150px;
+
−
    }
+
−
  }
+
−
  .img-fluid {
+
−
      max-width: 100%;
+
−
      height: auto;
+
 
}
 
}
−
 
+
.navbar {
−
  </style>
+
    position: relative;
 +
    min-height: 50px;
 +
    margin-bottom: 0px;
 +
    border: 1px solid transparent;
 +
}
 +
.img-fluid {
 +
  max-width: 100%;
 +
  height: auto;
 +
}
 +
</style>
 
</head>
 
</head>
 
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
 
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60">
  
−
<!--Picture-->
 
 
<div class="img-fluid">
 
<div class="img-fluid">
−
<img src="https://static.igem.org/mediawiki/2017/2/2f/UFlorida_Home_Pic.jpg" class="img-fluid" alt="Responsive image">
+
  <img src="https://static.igem.org/mediawiki/2017/2/2f/UFlorida_Home_Pic.jpg" width="600" height="300"/>
 
</div>
 
</div>
  
−
<!---Thingy-->
+
<br>
 
<div class="img-fluid">
 
<div class="img-fluid">
−
<img src="https://static.igem.org/mediawiki/2017/e/ec/IGEM_stuff_2.jpg" class="img-fluid" alt="Responsive image">
+
<img src="https://static.igem.org/mediawiki/2017/6/61/IGEM_Home_Design_2.jpg" class="img-fluid" alt="Responsive image">
 
</div>
 
</div>
−
 
−
<!-- Container (About Section) -->
 
−
<div id="about" class="container-fluid">
 
−
  <div class="row">
 
−
    <div class="col-sm-8">
 
−
      <h2>Chytridiomycosis</h2>
 
−
      <h4>Amphibian Endangerment</h4>
 
−
      <p>Amphibian populations worldwide are threatened by the disease Chytridiomycosis, which is caused by the aquatic fungal pathogen Batrachochytrium dendrobatidis (Bd). This pathogen may be causing one of the world's greatest biodiversity losses ever recorded in history.</p>
 
−
    </div>
 
−
    <div class="col-sm-4">
 
−
      <img src="https://static.igem.org/mediawiki/2017/7/7a/Tree-frog-5.jpg" class="img-rounded" width="304" height="236"></img>
 
−
    </div>
 
−
  </div>
 
−
</div>
 
−
 
−
<div class="container-fluid bg-grey">
 
−
  <div class="row">
 
−
    <div class="col-sm-4">
 
−
<img src="https://static.igem.org/mediawiki/2017/e/e4/BD.jpg" class="img-rounded" width="304" height="236"></img>
 
−
    </div>
 
−
    <div class="col-sm-8">
 
−
      <h2>How Can We Help?</h2><br>
 
−
      <h4><strong>The Infection:</strong> Chytridiomycosis often leads to death; however, a few species of amphibians are resistant to the Chytridiomycosis infection. The resistance is conferred by symbiotic bacteria present on their skin that produce antifungal metabolites. </h4><br>
 
−
      <h4><strong>Our Project:</strong>The UFlorida iGEM team seeks to develop a new treatment for Chytridiomycosis based on these antifungal metabolites. One such antifungal compound, tryptophol, has been shown to be effective at combating Bd at low doses. Tryptophan is converted to tryptophol by three enzymes, Aromatic Amino Acid Aminotransferase II, 2-oxo Acid Decarboxylase, and Alcohol Dehydrogenase I. Our team modified E.coli with the genes comprising the pathway for tryptophol synthesis. The UFlorida team expects to demonstrate that the tryptophol from the genetically modified E. coli will show antifungal activity against the Chytridiomycota family as an antifungal treatment for amphibians.</h4>
 
−
    </div>
 
−
  </div>
 
−
</div>
 
−
 
  
 
<footer class="container-fluid text-center">
 
<footer class="container-fluid text-center">

Latest revision as of 01:58, 2 November 2017



Responsive image