Difference between revisions of "Team:Uppsala/test5"

Line 23: Line 23:
  
 
#toc {
 
#toc {
     top: 650px;
+
     top: 250px;
 
     float: right;
 
     float: right;
 
+
    visibility: hidden;
 
     right: 0px;
 
     right: 0px;
 
     /* top: 25px; */
 
     /* top: 25px; */
Line 45: Line 45:
 
}
 
}
  
 
+
#toc-header {
 +
    color: #424044;
 +
}
  
 
#toc ul {
 
#toc ul {
Line 60: Line 62:
  
 
#toc > ul li {
 
#toc > ul li {
 +
    color: #a7a7a7;
 
     font-size: 14px;
 
     font-size: 14px;
 
     font-family: 'Raleway', sans-serif;
 
     font-family: 'Raleway', sans-serif;
Line 67: Line 70:
 
}
 
}
  
#toc-Header {
+
.active {
     color: #661325;  
+
    font-weight: bold;
 +
}
 +
 
 +
.active>.nav-link, .nav-link.active {
 +
     color: #710808;
 +
    font-size: 14px;
 +
    font-weight: 400;  
 
}
 
}
  
Line 76: Line 85:
 
     border-left: 3px solid transparent;
 
     border-left: 3px solid transparent;
 
     padding-left: 5px;
 
     padding-left: 5px;
}
 
#toc a {
 
    color: #333;
 
 
}
 
}
  
Line 105: Line 111:
 
}
 
}
  
span#whereYouAre {
+
#whereYouAre {
 
     font-size: 16px;
 
     font-size: 16px;
 
     font-weight: 400;
 
     font-weight: 400;
     color: #d3d3d3;
+
     color: #a7a7a7;
     opacity: 0.9;  
+
     opacity: 0.8;
 
}
 
}
  
Line 123: Line 129:
 
     padding-right: 100px;
 
     padding-right: 100px;
 
}
 
}
 +
 +
 +
 +
 +
.nav-link {
 +
    color: rgba(255,255,255,.5);
 +
}
 +
 +
 +
li.active {
 +
    color: red;
 +
}
 +
 +
  
  
Line 254: Line 274:
 
<!-- CONTENT OF WHATS ON THE PAGE -->
 
<!-- CONTENT OF WHATS ON THE PAGE -->
  
  <div id="toc" class="toc"><div id="toctitle"><h2 id="toc-Header">Contents</h2></div>
+
  <div id="toc" class="toc"><div id="toctitle"><h2 id="toc-header">Contents</h2></div>
 
<ul>
 
<ul>
<li class="toclevel-1 tocsection-1"><a href="#Project_Description"><span class="tocnumber">1</span> <span class="toctext" id="whereYouAre">Project Description</span></a>
+
<li class="toclevel tocsection"><a href="#Project_Description" class="scroll"> <span id="whereYouAre"> Project Description </span> </a>
 
<ul>
 
<ul>
<li class="toclevel-2 tocsection-2"><a href="#Overview"><span class="tocnumber">1.1</span> <span class="toctext">Overview</span></a></li>
+
<li class="toclevel nav-item active"><a href="#top" class="nav-link scroll"> Overview </a></li>
<li class="toclevel-2 tocsection-3"><a href="#Problem"><span class="tocnumber">1.2</span> <span class="toctext">Problem</span></a></li>
+
<li class="toclevel nav-item"><a href="#Problem" class="nav-link scroll"> Problem </a></li>
<li class="toclevel-2 tocsection-4"><a href="#Solution"><span class="tocnumber">1.3</span> <span class="toctext">Solution</span></a></li>
+
<li class="toclevel nav-item"><a href="#Solution" class="nav-link scroll"> Solution </a></li>
<li class="toclevel-2 tocsection-5"><a href="#References"><span class="tocnumber">1.4</span> <span class="toctext">References</span></a></li>
+
<li class="toclevel nav-item"><a href="#References" class="nav-link scroll"> References </a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 287: Line 307:
  
 
             <div class ="content-text" id="scrolldown" >
 
             <div class ="content-text" id="scrolldown" >
 +
  
  
Line 300: Line 321:
 
                   <div style="height:5em;"></div>
 
                   <div style="height:5em;"></div>
 
                    
 
                    
                 <p>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>
+
                 <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>
  
  
Line 307: Line 328:
  
  
               <div class="card-holder">
+
               <div class="card-holder" id="top">
 
                     <div class="content-card-heading"><h1>Our Targets:</h1></div>
 
                     <div class="content-card-heading"><h1>Our Targets:</h1></div>
 
                     <div class="content-card content-card-2">
 
                     <div class="content-card content-card-2">
Line 335: Line 356:
 
                 </div>
 
                 </div>
  
   <h1>The Worm Busters</h1>
+
 
 +
 
 +
 
 +
   <h1 id="Solution">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>
 
                 <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>
 
<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 id="Problem"> 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 id="" > asdasd </p>
 +
 
 +
 
 +
 
 +
 
 +
<p id="References" > asdasd </p>
 +
 
 +
 
 +
 
 +
 
  
  
Line 370: Line 405:
 
$( document ).ready(function() {
 
$( document ).ready(function() {
  
 +
 +
  // 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(){
 
$(window).scroll(function(){
 
     var myFixedPositionInit = 650;
 
     var myFixedPositionInit = 650;
Line 378: Line 435:
  
  
 +
// Enables clicking on page content links to scroll to next section
 +
var scrollLink = $('.scroll');
 +
 
 +
  // Smooth scrolling - To get to the right heading
 +
  scrollLink.click(function(e) {
 +
    e.preventDefault();
 +
    $('body,html').animate({
 +
      scrollTop: $(this.hash).offset().top
 +
    }, 1000 );
 +
  });
 +
 
 +
  // Active link switching
 +
  $(window).scroll(function() {
 +
    var scrollbarLocation = $(this).scrollTop();
 +
   
 +
    scrollLink.each(function() {
 +
     
 +
      var sectionOffset = $(this.hash).offset().top - 20;
 +
     
 +
      if ( sectionOffset <= scrollbarLocation ) {
 +
        $(this).parent().addClass('active');
 +
        $(this).parent().siblings().removeClass('active');
 +
      }
 +
    })
 +
   
 +
  });
  
  
/*
 
var stickySidebar = $('#toc');
 
  
if (stickySidebar.length > 0) {
 
  var stickyHeight = stickySidebar.height(),
 
      sidebarTop = stickySidebar.offset().top;
 
}
 
  
  
 
 
// on scroll move the sidebar
 
$(window).scroll(function () {
 
  if (stickySidebar.length > 0) {
 
    var scrollTop = $(window).scrollTop();
 
           
 
    if (sidebarTop < scrollTop) {
 
      stickySidebar.css('top', scrollTop - sidebarTop);
 
 
      // stop the sticky sidebar at the footer to avoid overlapping
 
      var sidebarBottom = stickySidebar.offset().top + stickyHeight,
 
          stickyStop = $('.content-text').offset().top + $('.content-text').height();
 
      if (stickyStop < sidebarBottom) {
 
        var stopPosition = $('.content-text').height() - stickyHeight;
 
        stickySidebar.css('top', stopPosition);
 
      }
 
    }
 
    else {
 
      stickySidebar.css('top', '0');
 
    }
 
  }
 
});
 
 
$(window).resize(function () {
 
  if (stickySidebar.length > 0) {
 
    stickyHeight = stickySidebar.height();
 
  }
 
});
 
*/
 
  
  

Revision as of 01:19, 16 October 2018




Uppsala iGEM 2018