Difference between revisions of "Team:Vilnius-Lithuania/test/index.html"

Line 105: Line 105:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div id="sixthpart" class="section centered ">
+
             <div id="sixthpart" class="section centered">
−
                 <div class="centered ">
+
                 <div class="centered">
 
                     <h1>However, the <b>biggest challenge</b> is...</h1>
 
                     <h1>However, the <b>biggest challenge</b> is...</h1>
 
                 </div>
 
                 </div>
−
                 <div id="infection" class="animation "></div>
+
                 <div id="infection" class="animation"></div>
 
             </div>
 
             </div>
−
             <div id="seventhpart" class="section centered ">
+
             <div id="seventhpart" class="section centered">
−
                 <div class="centered wd-60 ">
+
                 <div class="centered wd-60">
−
                     <p class="white ">Since the water in RAS is circulated between tanks, if <b>one bacteria-infected fish</b> enters the system, not long after, the entire RAS system can become <b>contaminated</b>.</p>
+
                     <p class="white">Since the water in RAS is circulated between tanks, if <b>one bacteria-infected fish</b> enters the system, not long after, the entire RAS system can become <b>contaminated</b>.</p>
 
                 </div>
 
                 </div>
−
                 <div class="centered ">
+
                 <div class="centered">
−
                     <div id="ras-sick " class="animation ">
+
                     <div id="ras-sick" class="animation">
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 122: Line 122:
 
             <div class="milkWave">
 
             <div class="milkWave">
 
                 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 
                 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath" d=" " fill="#fafafc " />
+
<path class="animWavePath" d="" fill="#fafafc" />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
  
−
         <div class="white-bg big-section ">
+
         <div class="white-bg big-section">
−
             <div class="section centered ">
+
             <div class="section centered">
−
                 <h1 class="black center ">
+
                 <h1 class="black center">
 
                     THE PROBLEM
 
                     THE PROBLEM
 
                 </h1>
 
                 </h1>
 
             </div>
 
             </div>
−
             <div class="section centered wdt-60 ">
+
             <div class="section centered wdt-60">
−
                 <p class="black center ">Diseases caused by Flavobacterium spp. constitute one of the <b>biggest host</b> and geographic ranges of the <b>bacterial fish pathogens</b>.</p>
+
                 <p class="black center">Diseases caused by Flavobacterium spp. constitute one of the <b>biggest host</b> and geographic ranges of the <b>bacterial fish pathogens</b>.</p>
 
             </div>
 
             </div>
−
             <div id="bact" class="section centered ">
+
             <div id="bact" class="section centered">
−
                 <div class="section centered wdt-60 ">
+
                 <div class="section centered wdt-60">
−
                     <p class="black center ">The<b> most common</b> of these bacteria are the two opportunistic species:</p>
+
                     <p class="black center">The<b> most common</b> of these bacteria are the two opportunistic species:</p>
 
                 </div>
 
                 </div>
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="half">
 
                     <div class="half">
−
                         <h2 class="black center bact ">Flavobacterium<br>psychrophilum</h2>
+
                         <h2 class="black center bact">Flavobacterium<br>psychrophilum</h2>
−
                         <svg class="cause " xmlns="http://www.w3.org/2000/svg " viewBox="0 0 20.15 72.9 " xmlns:v="https://vecta.io/nano "><path d="M1.5,64.13,8.78,71.4l8-8 " fill="none " stroke="#222 " stroke-linecap="round " stroke-linejoin="round" stroke-width="3 "/><text transform="matrix(0 1 -1 0 4.85 0) " font-size="18 " font-family="montserrat-light,sans-serif ">causes</text></svg>
+
                         <svg class="cause" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.15 72.9" xmlns:v="https://vecta.io/nano "><path d="M1.5,64.13,8.78,71.4l8-8 " fill="none " stroke="#222 " stroke-linecap="round " stroke-linejoin="round" stroke-width="3 "/><text transform="matrix(0 1 -1 0 4.85 0) " font-size="18 " font-family="montserrat-light,sans-serif ">causes</text></svg>
−
                         <p class="yellow center "><b>bacterial gill disease<br>&<br>rainbow trout fry syndrome</b></p>
+
                         <p class="yellow center"><b>bacterial gill disease<br>&<br>rainbow trout fry syndrome</b></p>
 
                     </div>
 
                     </div>
−
                     <div class="half ">
+
                     <div class="half">
−
                         <h2 class="black center bact ">Flavobacterium<br>columnare</h2>
+
                         <h2 class="black center bact">Flavobacterium<br>columnare</h2>
−
                         <svg class="cause " xmlns="http://www.w3.org/2000/svg " viewBox="0 0 20.15 72.9 " xmlns:v="https://vecta.io/nano "><path d="M1.5,64.13,8.78,71.4l8-8 " fill="none " stroke="#222 " stroke-linecap="round " stroke-linejoin="round" stroke-width="3 "/><text transform="matrix(0 1 -1 0 4.85 0) " font-size="18 " font-family="montserrat-light,sans-serif ">causes</text></svg>
+
                         <svg class="cause" xmlns="http://www.w3.org/2000/svg " viewBox="0 0 20.15 72.9" xmlns:v="https://vecta.io/nano"><path d="M1.5,64.13,8.78,71.4l8-8 " fill="none " stroke="#222 " stroke-linecap="round " stroke-linejoin="round" stroke-width="3 "/><text transform="matrix(0 1 -1 0 4.85 0) " font-size="18 " font-family="montserrat-light,sans-serif ">causes</text></svg>
−
                         <p class="yellow center "><b>columnaris disease</b></p>
+
                         <p class="yellow center"><b>columnaris disease</b></p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 157: Line 157:
 
         <div id="threebacsec">
 
         <div id="threebacsec">
 
             <div class="black-bg big-section">
 
             <div class="black-bg big-section">
−
                 <div class="milkWave rotate-wave ">
+
                 <div class="milkWave rotate-wave">
−
                     <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                     <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#fafafc " />
+
<path class="animWavePath" d="" fill="#fafafc" />
 
</svg>
 
</svg>
 
                 </div>
 
                 </div>
−
                 <div class="section centered two-parts ">
+
                 <div class="section centered two-parts">
−
                     <div class="centered ">
+
                     <div class="centered">
 
                         <h1><b>What the Flavo</b><br>is going on with the fish?</h1>
 
                         <h1><b>What the Flavo</b><br>is going on with the fish?</h1>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <div id="fish-symptoms" class="section centered wdt-80 ">
+
                 <div id="fish-symptoms" class="section centered wdt-80">
−
                     <div class="centered wd-60 ">
+
                     <div class="centered wd-60">
−
                         <p class="white ">Typically, these diseases are denoted by heavy <b>bacterial colonizations</b> of gill epithelium and eroded fin tips.</p>
+
                         <p class="white">Typically, these diseases are denoted by heavy <b>bacterial colonizations</b> of gill epithelium and eroded fin tips.</p>
 
                     </div>
 
                     </div>
−
                     <div class="centered ">
+
                     <div class="centered">
 
                         <div id="sick-fish" class="animation "></div>
 
                         <div id="sick-fish" class="animation "></div>
 
                     </div>
 
                     </div>
−
                     <div class="centered wd-60 ">
+
                     <div class="centered wd-60">
−
                         <p class="white ">However, after these physical changes are being seen, the <b>respiratory</b> and <b>osmoregulatory functions</b> are already <b>damaged</b>.</p>
+
                         <p class="white">However, after these physical changes are being seen, the <b>respiratory</b> and <b>osmoregulatory functions</b> are already <b>damaged</b>.</p>
 
                     </div>
 
                     </div>
  
 
                 </div>
 
                 </div>
 
                 <div id="die-offs" class="section centered">
 
                 <div id="die-offs" class="section centered">
−
                     <div class="centered wd-60 ">
+
                     <div class="centered wd-60">
 
                         <p class="white">Thus, if the disease is not detected in a span of a few days, it can result in <b class="emphasize ">massive fish die-offs</b>.</p>
 
                         <p class="white">Thus, if the disease is not detected in a span of a few days, it can result in <b class="emphasize ">massive fish die-offs</b>.</p>
 
                     </div>
 
                     </div>
−
                     <div class="centered ">
+
                     <div class="centered">
 
                         <img src="https://static.igem.org/mediawiki/2020/4/42/T--Vilnius-Lithuania--mainPage-deadFish.svg">
 
                         <img src="https://static.igem.org/mediawiki/2020/4/42/T--Vilnius-Lithuania--mainPage-deadFish.svg">
 
                     </div>
 
                     </div>
Line 190: Line 190:
  
 
                     <div class="centered wd-60">
 
                     <div class="centered wd-60">
−
                         <p class="white ">Are there any solutions to this problem?</p>
+
                         <p class="white">Are there any solutions to this problem?</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="milkWave">
 
                 <div class="milkWave">
−
                     <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                     <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#fafafc " />
+
<path class="animWavePath" d="" fill="#fafafc" />
 
</svg>
 
</svg>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
  
−
             <div class="white-bg big-section ">
+
             <div class="white-bg big-section">
−
                 <div class="section centered ">
+
                 <div class="section centered">
−
                     <div class="centered ">
+
                     <div class="centered">
−
                         <h1 class="black center ">Actually, yes!</h1>
+
                         <h1 class="black center">Actually, yes!</h1>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <div class="section centered wd-60 ">
+
                 <div class="section centered wd-60">
 
                     <div>
 
                     <div>
−
                         <p class="black center ">We have found <b>three</b> major approaches to solving the Flavoproblem.</p>
+
                         <p class="black center">We have found <b>three</b> major approaches to solving the Flavoproblem.</p>
 
                         <div class="animation" id="threeBac"></div>
 
                         <div class="animation" id="threeBac"></div>
 
                     </div>
 
                     </div>
Line 214: Line 214:
  
 
             </div>
 
             </div>
−
             <div class="white-bg big-section smallWaves ">
+
             <div class="white-bg big-section smallWaves">
−
                 <div class="milkWave small ">
+
                 <div class="milkWave small">
−
                     <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                     <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#DDE4FD " />
+
<path class="animWavePath" d="" fill="#DDE4FD" />
 
</svg>
 
</svg>
 
                 </div>
 
                 </div>
−
                 <div class="milkWave small " style="top: 20px; ">
+
                 <div class="milkWave small" style="top: 20px;">
−
                     <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                     <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#B8C7FC " />
+
<path class="animWavePath" d="" fill="#B8C7FC" />
 
</svg>
 
</svg>
 
                 </div>
 
                 </div>
−
                 <div class="milkWave small " style="top: 40px; ">
+
                 <div class="milkWave small" style="top: 40px;">
−
                     <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                     <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#8BA2F7 " />
+
<path class="animWavePath" d="" fill="#8BA2F7" />
 
</svg>
 
</svg>
 
                 </div>
 
                 </div>
−
                 <div class="milkWave small " style="top: 60px; ">
+
                 <div class="milkWave small" style="top: 60px;">
−
                     <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                     <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#6281ef " />
+
<path class="animWavePath" d="" fill="#6281ef" />
 
</svg>
 
</svg>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="lightblue-bg big-section ">
+
         <div class="lightblue-bg big-section">
−
             <div class="section centered ">
+
             <div class="section centered">
−
                 <div class="centered ">
+
                 <div class="centered">
−
                     <h1 class="white title ">detection</h1>
+
                     <h1 class="white title">detection</h1>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="section centered wd-50 ">
+
             <div class="section centered wd-50">
 
                 <div>
 
                 <div>
−
                     <p class="white ">One of our main goals is the development of a <b>detection test</b> that is based on <b>helicase-dependent amplification <em>(HDA)</em></b> and <b>lateral-flow assay <em>(LFA)</em></b> methods. This kit will help farmers in identifying
+
                     <p class="white">One of our main goals is the development of a <b>detection test</b> that is based on <b>helicase-dependent amplification <em>(HDA)</em></b> and <b>lateral-flow assay <em>(LFA)</em></b> methods. This kit will help farmers in identifying
 
                         what the Flavo is in their tanks.</p>
 
                         what the Flavo is in their tanks.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="lightblue-bg big-section smallWaves ">
+
         <div class="lightblue-bg big-section smallWaves">
−
             <div class="milkWave small ">
+
             <div class="milkWave small">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100% " height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#4E71EB " />
+
<path class="animWavePath" d=" " fill="#4E71EB" />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
−
             <div class="milkWave small " style="top: 20px; ">
+
             <div class="milkWave small" style="top: 20px;">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#3C62E3 " />
+
<path class="animWavePath" d=" " fill="#3C62E3" />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
−
             <div class="milkWave small " style="top: 40px; ">
+
             <div class="milkWave small" style="top: 40px;">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#365AD8 " />
+
<path class="animWavePath" d="" fill="#365AD8" />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
−
             <div class="milkWave small " style="top: 60px; ">
+
             <div class="milkWave small" style="top: 60px;">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#3356CE " />
+
<path class="animWavePath" d="" fill="#3356CE" />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="brightblue-bg big-section ">
+
         <div class="brightblue-bg big-section">
−
             <div class="section centered ">
+
             <div class="section centered">
−
                 <div class="centered ">
+
                 <div class="centered">
−
                     <h1 class="white title ">treatment</h1>
+
                     <h1 class="white title">treatment</h1>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
  
−
             <div class="section centered wd-50 ">
+
             <div class="section centered wd-50">
 
                 <div>
 
                 <div>
−
                     <p class="white ">Detection, however, is only a tool which will reduce aquafarm’s losses - it will not solve the underlying problem.</p>
+
                     <p class="white">Detection, however, is only a tool which will reduce aquafarm’s losses - it will not solve the underlying problem.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="section centered wd-50 ">
+
             <div class="section centered wd-50">
 
                 <div>
 
                 <div>
−
                     <p class="white ">Due to this reason, we have developed a new fundamental method to treat these diseases based on <b>toxin-antitoxin</b> or <b>exolysin-endolysin</b> systems. </p>
+
                     <p class="white">Due to this reason, we have developed a new fundamental method to treat these diseases based on <b>toxin-antitoxin</b> or <b>exolysin-endolysin</b> systems. </p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="brightblue-bg big-section smallWaves ">
+
         <div class="brightblue-bg big-section smallWaves">
−
             <div class="milkWave small ">
+
             <div class="milkWave small">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#2B4FC9 " />
+
<path class="animWavePath" d="" fill="#2B4FC9" />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
−
             <div class="milkWave small " style="top: 20px; ">
+
             <div class="milkWave small" style="top: 20px;">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#264AC6 " />
+
<path class="animWavePath" d="" fill="#264AC6" />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
−
             <div class="milkWave small " style="top: 40px; ">
+
             <div class="milkWave small" style="top: 40px;">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100%" height="100%" version="1.1 " xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#103BAD " />
+
<path class="animWavePath" d="" fill="#103BAD" />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
−
             <div class="milkWave small " style="top: 60px; ">
+
             <div class="milkWave small" style="top: 60px;">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#11348F " />
+
<path class="animWavePath" d=" " fill="#11348F" />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="darkblue-bg big-section ">
+
         <div class="darkblue-bg big-section">
−
             <div class="section centered ">
+
             <div class="section centered">
−
                 <div class="centered ">
+
                 <div class="centered">
−
                     <h1 class="white title ">prevention</h1>
+
                     <h1 class="white title">prevention</h1>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="section centered wd-50 ">
+
             <div class="section centered wd-50">
 
                 <div>
 
                 <div>
−
                     <p class="white ">On the other hand, no matter how perfect the treatment strategy is, it solves only the consequences of the disease.</p>
+
                     <p class="white">On the other hand, no matter how perfect the treatment strategy is, it solves only the consequences of the disease.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="section centered wd-50 ">
+
             <div class="section centered wd-50">
 
                 <div>
 
                 <div>
−
                     <p class="white ">Keeping this in mind, we have also created an innovative prevention tool, which is based on the <b>packaging of immunogenic proteins into alginate beads</b>. </p>
+
                     <p class="white">Keeping this in mind, we have also created an innovative prevention tool, which is based on the <b>packaging of immunogenic proteins into alginate beads</b>. </p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div class="darkblue-bg big-section smallWaves ">
+
         <div class="darkblue-bg big-section smallWaves">
−
             <div class="milkWave small ">
+
             <div class="milkWave small">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#142455 " />
+
<path class="animWavePath" d="" fill="#142455" />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
 
             <div class="milkWave small " style="top: 20px; ">
 
             <div class="milkWave small " style="top: 20px; ">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg">
 
<path class="animWavePath " d=" " fill="#131F43 " />
 
<path class="animWavePath " d=" " fill="#131F43 " />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
 
             <div class="milkWave small " style="top: 40px; ">
 
             <div class="milkWave small " style="top: 40px; ">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg">
 
<path class="animWavePath " d=" " fill="#0F162C " />
 
<path class="animWavePath " d=" " fill="#0F162C " />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
−
             <div class="milkWave small " style="top: 60px; ">
+
             <div class="milkWave small" style="top: 60px;">
−
                 <svg width="100% " height="100% " version="1.1 " xmlns="http://www.w3.org/2000/svg ">
+
                 <svg width="100%" height="100%" version="1.1 " xmlns="http://www.w3.org/2000/svg">
−
<path class="animWavePath " d=" " fill="#121212 " />
+
<path class="animWavePath" d="" fill="#121212" />
 
</svg>
 
</svg>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
         <div id="links" class="black-bg big-section ">
+
         <div id="links" class="black-bg big-section">
−
             <div class="section centered ">
+
             <div class="section centered">
−
                 <div class="centered ">
+
                 <div class="centered">
−
                     <div id="dive" class="animation "></div>
+
                     <div id="dive" class="animation"></div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div class="section centered nf ">
+
             <div class="section centered nf">
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="link">
 
                     <div class="link">
−
                         <object type="image/svg+xml " data="https://static.igem.org/mediawiki/2020/0/02/T--Vilnius-Lithuania--mainPage-designLink.svg"></object>
+
                         <object type="image/svg+xml" data="https://static.igem.org/mediawiki/2020/0/02/T--Vilnius-Lithuania--mainPage-designLink.svg"></object>
 
                         <h1>Design</h1>
 
                         <h1>Design</h1>
 
                     </div>
 
                     </div>
 
                     <div class="link">
 
                     <div class="link">
−
                         <object type="image/svg+xml " data="https://static.igem.org/mediawiki/2020/e/ef/T--Vilnius-Lithuania--mainPage-resultsLink.svg"></object>
+
                         <object type="image/svg+xml" data="https://static.igem.org/mediawiki/2020/e/ef/T--Vilnius-Lithuania--mainPage-resultsLink.svg"></object>
 
                         <h1>Results</h1>
 
                         <h1>Results</h1>
 
                     </div>
 
                     </div>
 
                     <div class="link">
 
                     <div class="link">
−
                         <object type="image/svg+xml " data="https://static.igem.org/mediawiki/2020/f/f2/T--Vilnius-Lithuania--mainPage-softwareLink.svg"></object>
+
                         <object type="image/svg+xml" data="https://static.igem.org/mediawiki/2020/f/f2/T--Vilnius-Lithuania--mainPage-softwareLink.svg"></object>
 
                         <h1>Software</h1>
 
                         <h1>Software</h1>
 
                     </div>
 
                     </div>
Line 374: Line 374:
 
                 </div>
 
                 </div>
 
                 <div class="row">
 
                 <div class="row">
−
                     <div class="link"><object type="image/svg+xml " data="https://static.igem.org/mediawiki/2020/4/45/T--Vilnius-Lithuania--mainPage-modelLink.svg"></object>
+
                     <div class="link"><object type="image/svg+xml" data="https://static.igem.org/mediawiki/2020/4/45/T--Vilnius-Lithuania--mainPage-modelLink.svg"></object>
 
                         <h1>Model</h1>
 
                         <h1>Model</h1>
 
                     </div>
 
                     </div>
  
−
                     <div class="link"><object type="image/svg+xml " data="https://static.igem.org/mediawiki/2020/9/9b/T--Vilnius-Lithuania--mainPage-hp.svg"></object>
+
                     <div class="link"><object type="image/svg+xml" data="https://static.igem.org/mediawiki/2020/9/9b/T--Vilnius-Lithuania--mainPage-hp.svg"></object>
 
                         <h1>Human<br>practices</h1>
 
                         <h1>Human<br>practices</h1>
 
                     </div>
 
                     </div>

Revision as of 20:17, 19 October 2020

Loading...

flavoflow

Throughout history fish have always played a crucial part in a nutritious diet across the world.

Over the past decades total production, trade and consumption of fish and aquaculture products significantly expanded.

Almost 156 million tonnes of fish ended up on our plates in 2018.

+0%

+0%

Rise in global aquaculture production from 1990 to 2018

Rise in total food fish consumption from 1990 to 2018

Growing fish consumption drives a need for a more intensive fish farming - a need which emerging aquaculture farms have stepped in to satisfy.

In order to obtain greater amounts of fish in a shorter period of time, aquafarms have implemented recirculating aquaculture systems (RAS).

Advantages of RAS

reduced water and land needs

fully controlled environment

automated feeding strategy

Disadvantages of RAS

high electricity consumption

water quality

However, the biggest challenge is...

Since the water in RAS is circulated between tanks, if one bacteria-infected fish enters the system, not long after, the entire RAS system can become contaminated.

THE PROBLEM

Diseases caused by Flavobacterium spp. constitute one of the biggest host and geographic ranges of the bacterial fish pathogens.

The most common of these bacteria are the two opportunistic species:

Flavobacterium
psychrophilum

causes

bacterial gill disease
&
rainbow trout fry syndrome

Flavobacterium
columnare

causes

columnaris disease

What the Flavo
is going on with the fish?

Typically, these diseases are denoted by heavy bacterial colonizations of gill epithelium and eroded fin tips.

However, after these physical changes are being seen, the respiratory and osmoregulatory functions are already damaged.

Thus, if the disease is not detected in a span of a few days, it can result in massive fish die-offs.

Are there any solutions to this problem?

Actually, yes!

We have found three major approaches to solving the Flavoproblem.

detection

One of our main goals is the development of a detection test that is based on helicase-dependent amplification (HDA) and lateral-flow assay (LFA) methods. This kit will help farmers in identifying what the Flavo is in their tanks.

treatment

Detection, however, is only a tool which will reduce aquafarm’s losses - it will not solve the underlying problem.

Due to this reason, we have developed a new fundamental method to treat these diseases based on toxin-antitoxin or exolysin-endolysin systems.

prevention

On the other hand, no matter how perfect the treatment strategy is, it solves only the consequences of the disease.

Keeping this in mind, we have also created an innovative prevention tool, which is based on the packaging of immunogenic proteins into alginate beads.