Difference between revisions of "Team:Uppsala/test7"

Line 1: Line 1:
 
{{Uppsala/javascript/iGemRemoval_js}}
 
{{Uppsala/javascript/iGemRemoval_js}}
 
{{Uppsala/css_removal}}
 
{{Uppsala/css_removal}}
 +
{{Uppsala/main_template}}
 +
{{Uppsala/scroll-button}}
 +
{{Uppsala/javascript/scroll-button}}
 +
{{Uppsala/javascript/redirect_js}}
  
  
  
 
<html>
 
<html>
 +
<head>
  
 +
<!-- TODO: ADD FOOTER AND NAV -->
  
−
<style>
 
  
−
body {
+
<!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
−
  padding-top: 3rem;
+
−
}
+
  
−
.hero {
 
−
  padding: 20vh 0;
 
−
  background: linear-gradient(to right, #EECDA3, #EF629F);
 
−
}
 
  
−
.features {
+
<style type="text/css">
−
  padding: 10vh 0;
+
−
  background: #222;
+
−
  color: white;
+
−
}
+
−
@media (min-width: 768px) {
+
−
  .features {
+
−
    padding: 20vh 0;
+
−
  }
+
−
}
+
  
−
.pricing {
 
−
  padding: 10vh 0;
 
−
  text-align: center;
 
−
}
 
−
@media (min-width: 768px) {
 
−
  .pricing {
 
−
    padding: 20vh 0;
 
−
  }
 
−
}
 
  
−
.featured-price {
 
−
  -webkit-transform: scale(1.1);
 
−
          transform: scale(1.1);
 
−
  z-index: 10;
 
−
  background: #222;
 
−
}
 
  
−
footer {
+
 
−
  padding: 10vh 0;
+
 
−
  text-align: center;
+
/*
−
  background: black;
+
.content-text{
−
  color: white;
+
    margin-right: calc(50vw + 200px);
 +
    margin-left:50vw;
 
}
 
}
 +
*/
  
  
 +
 +
@media only screen and (max-width: 800px) {
 +
    #toc{
 +
        display: none;
 +
    }
 +
    .content-text{
 +
    margin-right:50vw;
 +
    }
 +
}
  
 
</style>
 
</style>
 +
</head>
  
  
 +
    <div class="body">
 +
        <div class="parallax"></div>
 +
       
 +
        <!-- The Text "Wormbuster" is displayed on the main image -->
  
  
 +
                <div class="sv">
  
 +
              <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 +
                            viewBox="0 0 909 133" style="enable-background:new 0 0 909 133;" xml:space="preserve">
  
 +
                      <g>
 +
                          <rect x="5" y="19" class="st0" width="1062" height="10"/>
 +
                          <path class="st1" d="M37.9,86l13.1-32.1c2.2-5.5,6.2-16,12-31.4h3.4c2.2,6.9,5.2,15.7,9,26.3l13.6,38.1l10.3-35.5
 +
                                                    c1-3.4,2.7-10,5.1-19.7c0.2-0.9,0.3-1.6,0.3-2.1c0-0.7-0.3-1.2-0.8-1.5s-1.9-0.6-4.2-0.8l-5.1-0.4v-3.5c5.3,0.3,9.4,0.4,12.4,0.4
 +
                                                    c3.2,0,7.2-0.1,11.9-0.4v3.5h-2.9c-1.3,0-2.2,0.3-2.9,0.9c-1.2,1.2-4,9.1-8.5,23.6C98.6,70.5,93.6,88.1,89.7,104H84
 +
                                                    c-0.7-2.5-1.2-4.4-1.7-5.6c-1.7-4.8-5.5-15.5-11.5-31.9l-9.2-25.3L51,66.7C44.7,81.9,40.1,94.3,37,104h-5.6l-3-13.8
 +
                                                    c-0.8-4.1-1.8-8.4-2.9-13l-9.8-42c-0.9-4.1-1.8-6.5-2.5-7.3c-0.7-0.7-2.3-1.1-4.7-1.1H6.2v-3.5c5.4,0.3,10,0.4,13.9,0.4
 +
                                                    c3.8,0,8.9-0.1,15.3-0.4v3.5h-3.5c-2.5,0-4.2,0.2-5,0.7c-0.8,0.4-1.2,1.2-1.2,2.2c0,0.6,0.1,1.3,0.3,2.1l3.9,18.6L37.9,86z"/>
 +
                                <path class="st1" d="M122.6,63.1c0-12.3,4-22.2,11.9-29.8c7.9-7.5,18.5-11.3,31.7-11.3c13,0,23.1,3.5,30.5,10.5
 +
                                                    c7.4,7,11,16.3,11,27.8c0,12.5-4.3,22.9-12.8,31.3c-8.5,8.4-19.3,12.6-32.3,12.6c-8.1,0-15.1-1.6-21-4.9
 +
                                                    c-5.9-3.3-10.5-8.1-13.9-14.4C124.3,78.5,122.6,71.3,122.6,63.1z M134,58.5c0,8.5,1.5,15.8,4.4,22.1c2.9,6.3,6.8,11,11.7,14.1
 +
                                                    c4.9,3.1,10.4,4.7,16.7,4.7c5.8,0,10.9-1.3,15.2-4c4.3-2.7,7.8-6.6,10.3-11.9s3.7-11.7,3.7-19.3c0-7.9-1.4-14.7-4.1-20.4
 +
                                                    c-2.8-5.6-6.5-9.9-11.3-12.7c-4.8-2.8-10.5-4.3-17-4.3c-6,0-11.2,1.3-15.5,3.8c-4.3,2.5-7.8,6.2-10.2,11
 +
                                                    C135.2,46.6,134,52.2,134,58.5z"/>
 +
                                <path class="st1" d="M254.7,62.6c3.7,5.3,8.2,11.4,13.6,18.4l10.8,14c1.9,2.4,3.2,3.8,3.8,4.1c0.6,0.3,1.3,0.5,2,0.5h1.5v3.5
 +
                                                    c-3.1-0.3-5.8-0.4-8.1-0.4c-2.1,0-4.4,0.1-6.7,0.4l-19.9-26.8c-3.7-4.9-7.7-9.8-11.9-14.5l0.6-1.9c2.2,0.2,3.8,0.3,4.8,0.3
 +
                                                    c6.3,0,11.1-1.6,14.7-4.8c3.5-3.2,5.3-7.5,5.3-12.9c0-4.8-1.5-8.6-4.5-11.3c-3-2.7-7.3-4.1-13-4.1c-3.9,0-7.9,0.7-11.8,2.2
 +
                                                    c-0.4,6-0.7,12.3-0.7,19.1v27.1c0,13.2,0.3,20.5,1,22c0.6,1.4,2.7,2.2,6.2,2.2h4.4v3.5c-6.2-0.3-11.4-0.4-15.4-0.4
 +
                                                    c-3.2,0-9,0.1-17.5,0.4v-3.5h4.2c3.2,0,5.1-0.7,5.7-2.1c0.6-1.4,0.9-8.8,0.9-22.2v-27c0-11.6-0.3-18.1-1-19.5
 +
                                                    c-0.7-1.4-2.9-2.1-6.8-2.1h-3v-3.5c7,0.3,12.3,0.4,15.9,0.4c2.5,0,6-0.1,10.7-0.3c5.4-0.2,9.3-0.3,11.6-0.3c6.5,0,11.4,0.7,14.7,2
 +
                                                    c3.3,1.4,5.9,3.3,7.6,5.9c1.7,2.6,2.6,5.7,2.6,9.3c0,5.3-1.9,9.9-5.7,14C267.4,58.3,261.9,61.1,254.7,62.6z"/>
 +
                                <path class="st1" d="M372.2,35.3l-16.7,34.7c-6.3,13-11.4,24.4-15.4,34.2h-2.2c-1.4-3.3-5.4-11.9-11.9-25.7l-20.1-41.7v43.4
 +
                                                    c0,10.1,0.4,15.8,1.2,17.2c0.8,1.4,3.3,2,7.5,2h2.1v3.5c-5.2-0.3-9.5-0.4-12.7-0.4c-2.4,0-7.1,0.1-14.1,0.4v-3.5h3.6
 +
                                                    c2.5,0,4.1-0.4,4.9-1.1c0.8-0.7,1.3-2,1.5-3.9c0.5-5.2,0.7-10.9,0.7-17V45.9c0-7.7-0.2-12.7-0.5-15.2c-0.1-1.3-0.7-2.2-1.7-2.9
 +
                                                    c-1-0.7-2.9-1-5.7-1h-3v-3.5c6.5,0.3,10.6,0.4,12.3,0.4c2.1,0,5.2-0.1,9.1-0.4c4.5,10.1,9.8,21.2,15.7,33.3l14.8,30.4l13.7-28.1
 +
                                                    c4.8-9.9,10.3-21.7,16.4-35.6c4.7,0.3,8,0.4,9.9,0.4c2.2,0,6.2-0.1,12-0.4v3.5H390c-3.3,0-5.3,0.6-6.1,1.7
 +
                                                    c-0.7,1.1-1.1,5.3-1.1,12.3v41c0,9.1,0.4,14.4,1.2,15.7c0.8,1.3,2.9,2,6.5,2h3.2v3.5c-5.2-0.3-10.2-0.4-14.9-0.4
 +
                                                    c-5.2,0-10.7,0.1-16.5,0.4v-3.5h3.7c3,0,4.7-0.6,5.4-1.9c0.6-1.3,0.9-6.8,0.9-16.6V35.3z"/>
 +
                                <path class="st1" d="M439.2,57.9c8,0.5,13.9,2.4,17.4,5.6c3.6,3.2,5.3,7.6,5.3,13.3c0,7.2-3,13.3-9,18.5c-6,5.2-13.6,7.8-22.8,7.8
 +
                                                    l-4.4-0.1c-3.7-0.2-6.9-0.3-9.5-0.3c-1.9,0-4.2,0.1-6.9,0.2l-4.7,0.2v-2.5c2.3-1.1,3.7-2,4.1-2.6c0.4-0.6,0.7-1.6,0.8-3
 +
                                                    c0.3-4.5,0.4-9.5,0.4-15.2v-35c0-9.4-0.3-14.7-1-15.9c-0.8-1.5-2.8-2.2-6-2.2h-3.8v-3.5h4.7l5.2,0.2c2.7,0.1,4.8,0.2,6.3,0.2
 +
                                                    c2.4,0,7-0.1,14-0.4l8.2-0.2c6.4,0,11.2,1.1,14.4,3.4c4,2.9,6,6.9,6,12.1c0,4.3-1.4,8-4.2,11.3C450.9,53,446.1,55.7,439.2,57.9z
 +
                                                    M420.6,56.3c1.9,0.1,3.6,0.2,5.2,0.2c7.4,0,12.8-1.3,16-4c3.2-2.6,4.8-6.4,4.8-11.4c0-4.3-1.3-7.6-4-9.9c-2.7-2.3-7-3.5-12.9-3.5
 +
                                                    c-2.6,0-5.5,0.2-8.5,0.7c-0.3,4.6-0.5,11.5-0.5,20.7V56.3z M420.6,97.5c3.5,0.5,6.4,0.8,8.6,0.8c6.6,0,11.8-1.8,15.4-5.3
 +
                                                    c3.6-3.5,5.5-8.3,5.5-14.4c0-4-0.8-7.4-2.4-10c-1.6-2.6-3.9-4.6-6.8-5.8c-2.9-1.2-7.5-1.8-13.9-1.8c-1.9,0-4.1,0.1-6.5,0.2V81
 +
                                                    l0.1,7.1c0.1,2.5,0.2,4.5,0.2,5.8C420.8,95,420.7,96.1,420.6,97.5z"/>
 +
                                <path class="st1" d="M468.4,26.7v-3.5c7.7,0.3,13.3,0.4,16.7,0.4c3.7,0,9.1-0.1,16.2-0.4v3.5h-4.1c-3.5,0-5.6,0.7-6.3,2
 +
                                                    c-0.7,1.3-1.1,7.4-1.1,18.3v22c0,8,0.4,13.6,1.3,16.8c0.9,3.1,3.2,5.8,6.8,8c3.7,2.2,8.6,3.3,14.7,3.3c6.3,0,11.7-1.2,16-3.5
 +
                                                    c3-1.6,5.2-4.1,6.6-7.5c1.4-3.4,2.1-9.8,2.1-19.3V45.7c0-9.8-0.4-15.4-1.3-16.8c-0.9-1.4-3.3-2.1-7.3-2.1h-2.9v-3.5
 +
                                                    c7.8,0.3,12.7,0.4,14.8,0.4c3.4,0,7.7-0.1,12.7-0.4v3.5h-3.8c-3,0-4.9,0.8-5.7,2.4c-0.8,1.6-1.3,7.2-1.3,16.8V67
 +
                                                    c0,9.6-0.5,16.1-1.4,19.5c-1,3.4-2.7,6.4-5.2,9.1c-2.5,2.7-5.9,4.8-10.1,6.4c-4.2,1.6-9.2,2.4-14.9,2.4c-5.9,0-11-0.7-15.4-2.1
 +
                                                    c-4.4-1.4-7.7-3.1-10-5.2c-2.2-2.1-3.8-4.6-4.8-7.6c-1-3-1.5-8-1.5-15.2l0.1-10.7V46.4c0-10.6-0.3-16.5-0.9-17.7
 +
                                                    c-0.6-1.3-2.6-1.9-5.9-1.9H468.4z"/>
 +
                                <path class="st1" d="M609.6,27c-1,3.9-1.6,9.1-1.7,15.5H604V38c0-2.9-0.4-4.9-1.2-6c-0.8-1-2.8-2.2-6.1-3.3
 +
                                                    c-3.3-1.2-6.8-1.8-10.5-1.8c-6,0-10.7,1.5-14.1,4.5c-3.4,3-5.1,6.9-5.1,11.7c0,3,0.7,5.6,2.1,7.7c1.4,2.1,3.3,3.7,5.7,4.7
 +
                                                    c2.4,1,7.4,1.8,15.1,2.5c7.7,0.7,12.9,1.7,15.6,3c2.7,1.2,4.9,3.2,6.5,6c1.6,2.7,2.4,6,2.4,9.7c0,7.5-3.1,14-9.4,19.4
 +
                                                    s-14.7,8.1-25.2,8.1c-3.6,0-7.2-0.4-10.9-1.1c-3.6-0.7-7.3-1.8-11-3.2c0.7-4.5,1-10.3,1-17.3h3.8v2.8c0,3.6,0.2,5.9,0.6,6.7
 +
                                                    c0.4,0.9,1.3,1.8,2.6,2.8c2.1,1.5,4.5,2.6,7.4,3.3c2.8,0.8,5.9,1.2,9.2,1.2c7.1,0,12.5-1.7,16.4-5c3.9-3.3,5.8-7.6,5.8-12.7
 +
                                                    c0-3-0.7-5.5-2-7.6c-1.3-2.1-3.1-3.6-5.5-4.6s-6.7-1.8-13.1-2.3c-8.5-0.7-14.2-1.7-17.2-3s-5.4-3.5-7.1-6.4
 +
                                                    c-1.7-2.9-2.6-6.5-2.6-10.8c0-7.3,2.6-13.3,7.9-17.9c5.3-4.6,12.6-7,21.9-7c3.7,0,7.5,0.4,11.3,1.2C602,24.1,605.8,25.3,609.6,27z"
 +
                                      />
 +
                                <path class="st1" d="M657.2,28.3c-0.4,5.6-0.6,11.5-0.6,17.7v32c0,11.9,0.3,18.5,0.9,19.7c0.6,1.2,2.7,1.8,6.4,1.8h4.2v3.5
 +
                                                    c-6.6-0.3-12.2-0.4-16.8-0.4c-4.6,0-10.2,0.1-16.7,0.4v-3.5h4.7c2.5,0,4.1-0.3,4.8-1c0.7-0.7,1.2-1.9,1.4-3.8
 +
                                                    c0.4-4.4,0.6-10,0.6-17V45.7c0-6.3-0.1-12.1-0.4-17.4h-5.7c-9.2,0-14.3,0.2-15.2,0.6c-0.9,0.4-1.6,2.1-1.8,5l-0.8,7.5h-3.5l0.1-6.7
 +
                                                    c0-2.7-0.2-6.6-0.7-11.6c20.2,0.3,32.1,0.4,35.7,0.4l31.1-0.4c-0.7,6.3-1.1,12.4-1.2,18.3h-3.5l-0.6-7.4c-0.2-2.5-0.5-4.1-1-4.5
 +
                                                    c-0.4-0.5-1.3-0.8-2.8-0.9c-4.1-0.3-8.8-0.4-14-0.4H657.2z"/>
 +
                                <path class="st1" d="M712,64.9v13.8l0.1,7.9c0,5,0.1,8.6,0.2,10.9c5.5,0.4,11.3,0.6,17.6,0.6c4.2,0,7.7-0.2,10.6-0.6
 +
                                                    c1.8-0.2,3.8-0.7,5.8-1.5c0.9-3.3,1.9-7.4,2.9-12.4h3.7c-1,8.2-1.5,13.7-1.5,16.4l0.1,2.5c-4.3,0.4-8.5,0.6-12.7,0.6l-8.8-0.2
 +
                                                    c-9.7-0.3-16.9-0.4-21.5-0.4c-4.4,0-10.2,0.1-17.5,0.4v-3.5h1.7c3.3,0,5.3-0.3,6.1-1c0.8-0.6,1.4-2.1,1.7-4.5
 +
                                                    c0.3-2.4,0.4-7.6,0.4-15.6V47.7c0-5.1-0.1-9.2-0.4-12.4c-0.2-3.2-0.5-5.1-0.8-5.8c-0.3-0.6-0.7-1.1-1.2-1.4
 +
                                                    c-0.5-0.3-2.1-0.6-4.8-0.9l-4.3-0.4v-3.5h6.1l6,0.2c3.3,0.1,5.9,0.2,7.6,0.2l21.6-0.3l10.2-0.1c3.5,0,7,0.1,10.6,0.4
 +
                                                    c-1.4,4.4-2.2,10.2-2.4,17.4h-3.8c0-4.1-0.2-7.5-0.6-10.3c-4.4-1.6-9.8-2.5-16.3-2.5c-5.1,0-10.5,0.2-16.1,0.7c0,3.5,0,7-0.1,10.5
 +
                                                    L712,48v11.4c3.7,0.3,7,0.4,9.8,0.4c8.9,0,14-0.3,15.1-0.9c1.2-0.6,1.8-2.5,1.8-5.8v-3.6h3.8c-0.3,5.7-0.4,10.2-0.4,13.5
 +
                                                    c0,3.6,0.1,7.7,0.4,12.6h-3.8v-3.3c0-3.6-0.7-5.8-2.1-6.6c-1.4-0.8-6.4-1.2-14.9-1.2C718.6,64.5,715.4,64.7,712,64.9z"/>
 +
                                <path class="st1" d="M801.1,62.6c3.7,5.3,8.2,11.4,13.6,18.4l10.8,14c1.9,2.4,3.2,3.8,3.8,4.1c0.6,0.3,1.3,0.5,2,0.5h1.5v3.5
 +
                                                    c-3.1-0.3-5.8-0.4-8.1-0.4c-2.1,0-4.4,0.1-6.7,0.4L798,76.3c-3.7-4.9-7.7-9.8-11.9-14.5l0.6-1.9c2.2,0.2,3.8,0.3,4.8,0.3
 +
                                                    c6.3,0,11.1-1.6,14.7-4.8c3.5-3.2,5.3-7.5,5.3-12.9c0-4.8-1.5-8.6-4.5-11.3c-3-2.7-7.3-4.1-13-4.1c-3.9,0-7.9,0.7-11.8,2.2
 +
                                                    c-0.4,6-0.7,12.3-0.7,19.1v27.1c0,13.2,0.3,20.5,1,22c0.6,1.4,2.7,2.2,6.2,2.2h4.4v3.5c-6.2-0.3-11.4-0.4-15.4-0.4
 +
                                                    c-3.2,0-9,0.1-17.5,0.4v-3.5h4.2c3.2,0,5.1-0.7,5.7-2.1c0.6-1.4,0.9-8.8,0.9-22.2v-27c0-11.6-0.3-18.1-1-19.5
 +
                                                    c-0.7-1.4-2.9-2.1-6.8-2.1h-3v-3.5c7,0.3,12.3,0.4,15.9,0.4c2.5,0,6-0.1,10.7-0.3c5.4-0.2,9.3-0.3,11.6-0.3c6.5,0,11.4,0.7,14.7,2
 +
                                                    c3.3,1.4,5.9,3.3,7.6,5.9c1.7,2.6,2.6,5.7,2.6,9.3c0,5.3-1.9,9.9-5.7,14C813.8,58.3,808.3,61.1,801.1,62.6z"/>
 +
                                <path class="st1" d="M887.5,27c-1,3.9-1.6,9.1-1.7,15.5h-3.9V38c0-2.9-0.4-4.9-1.2-6c-0.8-1-2.8-2.2-6.1-3.3
 +
                                                    c-3.3-1.2-6.8-1.8-10.5-1.8c-6,0-10.7,1.5-14.1,4.5c-3.4,3-5.1,6.9-5.1,11.7c0,3,0.7,5.6,2.1,7.7c1.4,2.1,3.3,3.7,5.7,4.7
 +
                                                    c2.4,1,7.4,1.8,15.1,2.5c7.7,0.7,12.9,1.7,15.6,3c2.7,1.2,4.9,3.2,6.5,6c1.6,2.7,2.4,6,2.4,9.7c0,7.5-3.1,14-9.4,19.4
 +
                                                    s-14.7,8.1-25.2,8.1c-3.6,0-7.2-0.4-10.9-1.1c-3.6-0.7-7.3-1.8-11-3.2c0.7-4.5,1-10.3,1-17.3h3.8v2.8c0,3.6,0.2,5.9,0.6,6.7
 +
                                                    c0.4,0.9,1.3,1.8,2.6,2.8c2.1,1.5,4.5,2.6,7.4,3.3c2.8,0.8,5.9,1.2,9.2,1.2c7.1,0,12.5-1.7,16.4-5c3.9-3.3,5.8-7.6,5.8-12.7
 +
                                                    c0-3-0.7-5.5-2-7.6c-1.3-2.1-3.1-3.6-5.5-4.6s-6.7-1.8-13.1-2.3c-8.5-0.7-14.2-1.7-17.2-3s-5.4-3.5-7.1-6.4
 +
                                                    c-1.7-2.9-2.6-6.5-2.6-10.8c0-7.3,2.6-13.3,7.9-17.9c5.3-4.6,12.6-7,21.9-7c3.7,0,7.5,0.4,11.3,1.2C879.9,24.1,883.7,25.3,887.5,27
 +
                                                    z"/>
 +
                        </g>
 +
                    </svg>
 +
              </div>
  
−
<body>
 
  
 +
        <div class="under-heading"><h1 id="Project_Description">Uppsala iGEM 2018</h1></div>
 +
        <div class="igem-icon"><a href="https://2018.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2018/b/b0/T--Uppsala--graylogo.png"></a></div>
  
  
−
<header>
 
−
  <nav class="navbar fixed-top navbar-toggleable-sm navbar-inverse bg-inverse">
 
−
    <div class="container">
 
−
     
 
−
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
 
−
        <span class="navbar-toggler-icon"></span>
 
−
      </button>
 
−
     
 
−
      <a class="navbar-brand" href="#">Smooth</a>
 
−
      <div class="collapse navbar-collapse" id="navbarNav">
 
−
       
 
−
        <ul class="navbar-nav">         
 
−
          <li class="nav-item active">
 
−
            <a class="nav-link scroll" href="#top">Home</a>
 
−
          </li>
 
−
          <li class="nav-item">
 
−
            <a class="nav-link scroll" href="#features">Features</a>
 
−
          </li>
 
−
          <li class="nav-item">
 
−
            <a class="nav-link scroll" href="#pricing">Pricing</a>
 
−
          </li>         
 
−
        </ul>
 
−
       
 
−
      </div>
 
−
    </div> <!-- /container -->
 
−
  </nav>
 
  
−
</header>
 
  
−
<section class="hero" id="top">
 
−
  <div class="container">
 
−
    <div class="row">
 
−
      <div class="col-lg-12">
 
−
        <h1 class="display-3">I like it smooth</h1>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
</section>
 
  
−
<section class="features" id="features">
 
−
  <div class="container">
 
−
    <h1 class="mb-5 display-4">Features</h1>
 
−
    <div class="row">
 
−
      <div class="col-md-4">
 
−
        <h3>Lorem ipsum dolor sit amet</h3>
 
−
        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
−
      </div>
 
−
      <div class="col-md-4">
 
−
        <h3>Consectetuer adipiscing elit.</h3>
 
−
        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
−
      </div>
 
−
      <div class="col-md-4">
 
−
        <h3>Lorem ipsum dolor sit amet</h3>
 
−
        <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
</section>
 
  
−
<section class="pricing" id="pricing">
+
 
−
  <div class="container">
+
 
−
    <h1 class="mb-5 display-4">Pricing</h1>
+
 
−
    <div class="row no-gutters">
+
 
−
      <div class="col-md-4">
+
        <div class= "content blur-box" style="font-size:16px;">
−
        <div class="card bg-info">
+
 
−
          <div class="card-header bg-primary text-white">
+
 
−
            Basic
+
 
−
          </div>
+
 
−
          <div class="card-block">
+
 
−
            <h4 class="card-title">Cool Plan</h4>
+
 
−
            <p class="card-text">
+
 
−
              <ol>
+
<!-- CONTENT OF WHATS ON THE PAGE -->
−
              <li>Lorem ipsum </li>
+
 
−
              <li>Aliquam tincidunt</li>
+
        <div id="toc" class="toc">
−
              <li>Vestibulum auctor.</li>
+
            <div id="toctitle"></div>
−
            </ol>
+
            <ul>
−
            </p>
+
                <li class="toclevel tocsection"><a href="#Project_Description" class="scroll"> <span id="whereYouAre"> Project Description  </span> </a>
−
            <a href="#" class="btn btn-primary">Download FREE</a>
+
                        <ul>
−
          </div>
+
                            <li class="toclevel nav-item active"><a href="#top" class="nav-link scroll"> Overview </a></li>
 +
                            <li class="toclevel nav-item"><a href="#Problem" class="nav-link scroll"> Problem  </a></li>
 +
                            <li class="toclevel nav-item"><a href="#Solution" class="nav-link scroll"> Solution </a></li>
 +
                            <li class="toclevel nav-item"><a href="#References" class="nav-link scroll"> References </a></li>
 +
                        </ul>
 +
                </li>
 +
           
 +
            </ul>
 
         </div>
 
         </div>
−
      </div>
+
 
−
      <div class="col-md-4">
+
 
−
        <div class="card featured-price bg-inverse text-white">
+
 
−
          <div class="card-header bg-danger text-uppercase">
+
 
−
            Most Popular
+
            <div class ="content-text" id="scrolldown" >
−
          </div>
+
 
−
          <div class="card-block">
+
 
−
            <h4 class="card-title">Awesome Plan</h4>
+
 
−
            <p class="card-text">
+
 
−
              <ol>
+
 
−
              <li>Lorem ipsum </li>
+
 
−
              <li>Aliquam tincidunt</li>
+
 
−
              <li>Vestibulum auctor.</li>
+
 
−
              </ol>
+
 
−
            </p>
+
 
−
            <a href="#" class="btn btn-danger">Buy now</a>
+
 
−
          </div>
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                  <div style="height:5em;"></div>
 +
                 
 +
                <p id="Project_Description">Nematode parasites of the strongyle family cause the agricultural industry substantial losses and grief each year due to the detrimental effects they have on livestock. Common issues include severe health damage in the host animal as well as resistance development to anthelmintics in the most commonly occurring strongyles. There are currently no easy methods for diagnosing these parasites. By reprogramming a smart bacterium to detect and report the presence of the parasites, we aim to develop a simple diagnostic method. This will provide the tools necessary to help farmers both to make decisions on whether to treat their animals and to prevent infection to begin with. </p>
 +
 
 +
 
 +
 
 +
           
 +
 
 +
 
 +
              <div class="card-holder" >
 +
                    <div class="content-card-heading"><h1 id="top">Our Targets:</h1></div>
 +
                    <div class="content-card content-card-2">
 +
                        <div class="inner-card left-card">
 +
                            <h2>Small Strongyles</h2>
 +
                            <br>
 +
                            <div class="inner-card-text">
 +
                                <!-- start slipsum code -->
 +
                                <p>Small strongyles <i>(Cyathostominae)</i> are among the most common equine parasites with more than 52 species in their family. Horses are exposed when they graze on infested pastures, where they consume the worms in their larval stage. The strongyles move to the horses’ intestines, gathering into cysts in the intestinal wall and usually reach very large numbers.  These cysts eventually burst and the developed worms moves up towards the intestinal lumen where they become adult worms. The release of the larvae from the cysts can lead to lesions, diarrhea, and potential weight loss in the animal, a condition called cyathostominosis. When untreated, the mortality rate of a small strongyle infection can reach up to 50%. </p>
 +
                            </div>
 +
                            <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/4/49/T--Uppsala--smallandlarge.jpg">
 +
                            <!-- end slipsum code -->
 +
                        </div>
 +
                        <div class="inner-card right-card">
 +
                            <h2>Large Strongyles</h2>
 +
                            <br>
 +
                            <div class="inner-card-text">  
 +
                                <!-- start slipsum code -->
 +
                                <p><i>Strongylus vulgaris</i> is the most pathogenic parasite in horses, posing a significant threat to the health of the animal. They, like small strongyles, live in the grass and infect the horse after being ingested. During the larval stages inside the animal, the parasite enters the intestinal blood vessels as a part of their life cycle. This causes them to commonly avoid deworming and detection measures. When the worms migrate in the arteries they cause inflammation in the arterial wall and induce the formation of blood clots. These blood clots may travel in the blood vessels and block smaller passages, inhibiting oxygen and nutrient supply to the surrounding tissues, and may result in colic or in the worst case, death.  </p>
 +
                            </div>
 +
 
 +
                            <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/d/d6/T--Uppsala--Large.jpg">
 +
 
 +
                            <!-- end slipsum code -->
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
 
 +
 
 +
 
 +
                <h1 id="Problem">The Worm Busters</h1>
 +
               
 +
                <p>One approach for designing a diagnostic system against the strongyles is to engineer a “smart” bacterium which will live in the intestinal tract and is capable of reacting to the presence of the parasite by emitting a quantifiable signal. This biosensor may, for instance, induce the production of a detectable fluorescent protein in the feces of the animal. Large strongyles, however, are more elusive and are less frequently present in the intestine during an infection. Here it would be suitable to instead try and detect the presence of the parasite on the pastures as to avoid infection altogether, by developing bacteria responding to the parasite outside of the animal body.  </p>
 +
                    <br>
 +
 
 +
                <p> Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
                <p  > asdasd </p>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
                  <h1 id="References">The Worm Busters</h1>
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
 
 +
                <br>
 +
                <p > Our work is dependent on finding one or more genes in <i>E.coli</i> which will, exclusively, be highly expressed when the cell is exposed to the parasitic worms. This is done by co-culturing <i>E.coli</i> in liquid medium along with live strongyles, which are harvested from feces and sterilized. From here, the E.coli cells are separated from the solution and their entire transcriptomic suite is extracted and sequenced to detect genes of interest. Any found genes which display promise will have to be validated by qPCR (which is a similar method) in a second run to confirm that they are only expressed due to the strongyle presence. Another approach to tackle our challenge is to screen for interaction between the surface proteins on the strongyle and short peptides. Through affinity screening of a random peptide library displayed on the surface of phages, we can select a peptide with a high affinity to the nematodes surface.  </p>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
                    <div style="height:5em;"></div>
 +
 
 +
 
 +
               
 +
 
 +
                </div>
 +
 
 +
 
 
         </div>
 
         </div>
−
      </div>
 
−
      <div class="col-md-4">
 
−
        <div class="card bg-info">
 
−
          <div class="card-header bg-primary text-white">
 
−
            Full Deal
 
−
          </div>
 
−
          <div class="card-block">
 
−
            <h4 class="card-title">Amazing Plan</h4>
 
−
            <p class="card-text">
 
−
              <ol>
 
−
                <li>Lorem ipsum </li>
 
−
                <li>Aliquam tincidunt</li>
 
−
                <li>Vestibulum auctor.</li>
 
−
              </ol>
 
−
            </p>
 
−
            <a href="#" class="btn btn-primary">Buy now</a>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
−
    </div>
 
−
  </div>
 
−
</section>
 
  
−
<footer>
 
−
  <p>generic footer content</p>
 
−
</footer>
 
  
  
  
−
</body>
+
 
 +
 
 +
 
 +
 
 +
 
 +
    </div>
 +
 
 +
   
  
  
 
<script>
 
<script>
  
−
$(document).ready(function() {
+
$( document ).ready(function() {
−
 
+
 
−
   var scrollLink = $('.scroll');
+
 
 +
/*
 +
  // Since side navigation is displayed at start at the very top and jumps down at scrolling
 +
  // ... We hide it a very short time, so we dont se it jumping down and then fade it in!
 +
  // really cool and work around iGEM
 +
    $(window).scroll(function() {
 +
        if ($(this).scrollTop() > 20) {
 +
            $("#toc:hidden").css('visibility','visible');    
 +
            $("#toc:hidden").fadeIn('fast'); 
 +
        }
 +
     
 +
        else {
 +
            // This is crucial for it to work!!! 
 +
            $("#toc:visible").fadeOut("fast");
 +
        }
 +
     
 +
    });
 +
*/
 +
 
 +
 
 +
 
 +
// Push down the side navigation of all content on page
 +
// also makes sure that the fixed navigation becomes fixed when at a certain height
 +
$(window).scroll(function(){
 +
    var myFixedPositionInit = 650;
 +
    $("#toc").css("top",Math.max(50, 620 - $(this).scrollTop()));
 +
 
 +
});
 +
 
 +
 
 +
 
 +
// Enables clicking on page content links to scroll to next section
 +
var scrollLink = $('.scroll');
 
    
 
    
−
   // Smooth scrolling
+
   // Smooth scrolling - To get to the right heading
 
   scrollLink.click(function(e) {
 
   scrollLink.click(function(e) {
 
     e.preventDefault();
 
     e.preventDefault();
 
     $('body,html').animate({
 
     $('body,html').animate({
−
       scrollTop: $(this.hash).offset().top
+
       scrollTop: $(this.hash).offset().top - 50
 
     }, 1000 );
 
     }, 1000 );
 
   });
 
   });
Line 217: Line 402:
 
     scrollLink.each(function() {
 
     scrollLink.each(function() {
 
        
 
        
−
      var sectionOffset = $(this.hash).offset().top - 20;
+
        var sectionOffs = $(this.hash).offset().top;
−
     
+
      var sectionOffset =  sectionOffs - 100;
−
      if ( sectionOffset <= scrollbarLocation ) {
+
 
−
        $(this).parent().addClass('active');
+
        if ( sectionOffset <= scrollbarLocation ) {
−
        $(this).parent().siblings().removeClass('active');
+
              $(this).parent().addClass('active');
−
      }
+
              $(this).parent().siblings().removeClass('active');
−
    })
+
          }
 +
        })
 
      
 
      
−
  })
+
    });
−
 
+
−
})
+
  
−
</script>
 
  
 +
});
  
  
  
 +
</script>
 
</html>
 
</html>

Revision as of 14:03, 17 October 2018




Uppsala iGEM 2018