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

Line 15: Line 15:
 
         <div id="intro-header">
 
         <div id="intro-header">
 
             <svg id="waves" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 
             <svg id="waves" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
−
<path id="wave0" d="" fill="#fafafc" waveHeight="360" waveDelta="-30" speed="0.2" wavePoints="8" />
+
<path class="water-wave" id="wave0" d="" fill="#fafafc" waveHeight="360" waveDelta="-30" speed="0.2" wavePoints="8" />
−
<path id="wave1" d="" fill="#679BF4" waveHeight="330" waveDelta="-36" speed="0.11" wavePoints="6" />
+
<path class="water-wave" id="wave1" d="" fill="#679BF4" waveHeight="330" waveDelta="-36" speed="0.11" wavePoints="6" />
−
<path id="wave2" d="" fill="#4080ED" waveHeight="300" waveDelta="-40" speed="0.18" wavePoints="8" />
+
<path class="water-wave" id="wave2" d="" fill="#4080ED" waveHeight="300" waveDelta="-40" speed="0.18" wavePoints="8" />
−
<path id="wave3" d="" fill="#2454CD" waveHeight="270" waveDelta="-35" speed="0.13" wavePoints="5" />
+
<path class="water-wave" id="wave3" d="" fill="#2454CD" waveHeight="270" waveDelta="-35" speed="0.13" wavePoints="5" />
−
<path id="wave4" d="" fill="#11348F" waveHeight="240" waveDelta="-40" speed="0.13" wavePoints="6" />
+
<path class="water-wave" id="wave4" d="" fill="#11348F" waveHeight="240" waveDelta="-40" speed="0.13" wavePoints="6" />
−
<path id="wave5" d="" fill="#142E71" waveHeight="210" waveDelta="-41" speed="0.15" wavePoints="5" />
+
<path class="water-wave" id="wave5" d="" fill="#142E71" waveHeight="210" waveDelta="-41" speed="0.15" wavePoints="5" />
−
<path id="wave6" d="" fill="#0F162C" waveHeight="180" waveDelta="-35" speed="0.18" wavePoints="10" />
+
<path class="water-wave" id="wave6" d="" fill="#0F162C" waveHeight="180" waveDelta="-35" speed="0.18" wavePoints="10" />
−
<path id="wave7" d="" fill="#121212" waveHeight="150" waveDelta="-28" speed="0.28" wavePoints="7" />
+
<path class="water-wave" id="wave7" d="" fill="#121212" waveHeight="150" waveDelta="-28" speed="0.28" wavePoints="7" />
 
</svg>
 
</svg>
 
         </div>
 
         </div>
Line 48: Line 48:
 
             </div>
 
             </div>
 
             <div id="secondpart" class="section centered">
 
             <div id="secondpart" class="section centered">
−
                 <div class="centered wdt-60">
+
                 <div class="centered wd-60">
 
                     <p class="white center">Over the past decades total production, trade and consumption of fish and aquaculture products <b>significantly expanded.</b></p>
 
                     <p class="white center">Over the past decades total production, trade and consumption of fish and aquaculture products <b>significantly expanded.</b></p>
 
                 </div>
 
                 </div>
−
                 <div class="centered wdt-60">
+
                 <div class="centered wd-60">
 
                     <p class="white center">Almost <b>156 million tonnes</b> of fish ended up on our plates in 2018.</p>
 
                     <p class="white center">Almost <b>156 million tonnes</b> of fish ended up on our plates in 2018.</p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div id="statistics" class="section centered two-parts">
+
             <div id="statistics" class="section two-parts">
 
                 <h1 class="white">+<span id="production">0</span>%</h1>
 
                 <h1 class="white">+<span id="production">0</span>%</h1>
 
                 <h1 class="white">+<span id="consumption">0</span>%</h1>
 
                 <h1 class="white">+<span id="consumption">0</span>%</h1>
Line 61: Line 61:
 
                 <p class="white">Rise in total food fish consumption from 1990 to 2018</p>
 
                 <p class="white">Rise in total food fish consumption from 1990 to 2018</p>
 
             </div>
 
             </div>
−
             <div id="fourthpart" class="section centered two-parts">
+
             <div id="fourthpart" class="section centered">
−
                 <div class="half">
+
                 <div class="centered wd-60">
 
                     <p class="white">Growing fish consumption drives a need for a more <b>intensive fish farming</b> - a need which emerging aquaculture farms have stepped in to satisfy.</p>
 
                     <p class="white">Growing fish consumption drives a need for a more <b>intensive fish farming</b> - a need which emerging aquaculture farms have stepped in to satisfy.</p>
−
                    <p class="white">In order to obtain greater amounts of fish in a shorter period of time, aquafarms have implemented <b>recirculating aquaculture systems</b> (RAS).</p>
 
 
                 </div>
 
                 </div>
−
                 <div class="half">
+
                 <div class="centered wd-60">
 +
                    <p class="white">In order to obtain greater amounts of fish in a shorter period of time, aquafarms have implemented <b>recirculating aquaculture systems (RAS)</b>.</p>
 +
                </div>
 +
                <div class="centered">
 
                     <div id="ras-healthy" class="animation">
 
                     <div id="ras-healthy" class="animation">
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
 
 
             </div>
 
             </div>
 
             <div id="fifthpart" class="section two-parts">
 
             <div id="fifthpart" class="section two-parts">
Line 106: Line 107:
 
             <div id="sixthpart" class="section centered">
 
             <div id="sixthpart" class="section centered">
 
                 <div class="centered">
 
                 <div class="centered">
−
                     <h1>However, the biggest challenge is</p>
+
                     <h1>However, the biggest challenge is</h1>
 
                 </div>
 
                 </div>
 
                 <div id="infection" class="animation"></div>
 
                 <div id="infection" class="animation"></div>
Line 139: Line 140:
 
                     <div class="half">
 
                     <div class="half">
 
                         <p class="black center">Flavobacterium<br>psychrophilum</p>
 
                         <p class="black center">Flavobacterium<br>psychrophilum</p>
−
                         <p class="yellow center"><b>causes bacterial coldwater disease</b></p>
+
                         <p class="yellow center"><b>causes bacterial gill disease & rainbow trout fry syndrome</b></p>
 
                     </div>
 
                     </div>
 
                     <div class="half">
 
                     <div class="half">
Line 158: Line 159:
 
                 <div class="section centered two-parts">
 
                 <div class="section centered two-parts">
 
                     <div class="centered">
 
                     <div class="centered">
−
                         <h1>What's the deal with the fish?</p>
+
                         <h1>What's the deal with the fish?</h1>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
−
                 <div id="fish-symptoms" class="section centered wdt-80 two-parts">
+
                 <div id="fish-symptoms" class="section centered wdt-80">
−
                     <div class="half">
+
                     <div class="centered  wd-60">
−
                         <p class="white">Typically, these diseases are denoted by heavy bacterial colonizations 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>
−
                        <p class="white">However, after these physical changes are being seen, the respiratory and osmoregulatory functions are already damaged.</p>
+
−
                        <p class="white">Thus, if the disease is not detected in a span of a few days, it can result in massive fish die-offs.</p>
+
 
                     </div>
 
                     </div>
−
                     <div class="half">
+
                     <div class="centered">
 
                         <div id="sick-fish" class="animation"></div>
 
                         <div id="sick-fish" class="animation"></div>
 
                     </div>
 
                     </div>
 +
                    <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>
 +
                    </div>
 +
 
                 </div>
 
                 </div>
 
                 <div class="section centered">
 
                 <div class="section centered">
 +
                    <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>massive fish die-offs</b>.</p>
 +
                    </div>
 +
                </div>
 +
                <div class="section centered">
 +
 
                     <div class="centered">
 
                     <div class="centered">
 +
 
                         <h2 class="white">Are there any solutions to this problem?</h2>
 
                         <h2 class="white">Are there any solutions to this problem?</h2>
 
                     </div>
 
                     </div>
Line 369: Line 379:
 
         </div>
 
         </div>
 
     </main>
 
     </main>
−
 
 
         <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/WaveScript&action=raw&ctype=text/javascript"></script>
 
         <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/WaveScript&action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/ScrollFadeIn&action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/ScrollFadeIn&action=raw&ctype=text/javascript"></script>

Revision as of 16:04, 16 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.

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's the deal 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.

Design

Results

Software

Model

Human
practices