Difference between revisions of "Team:Vilnius-Lithuania"

m
 
(43 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
{{Vilnius-Lithuania/Loader}}
−
{{Vilnius-Lithuania}}
+
{{Vilnius-Lithuania/menuOverlay}}
−
{{Vilnius-Lithuania/CSS}}
+
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
<link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/fonts.css&action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/index.css&action=raw&ctype=text/css" />
 +
        <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/CSS/Animations&action=raw&ctype=text/css" />
 +
    <style>
 +
        .awards-container img {
 +
            position: absolute;
 +
            top: 50px;
 +
            left: 50px;
 +
            height: 200px;
 +
            z-index: 2;
 +
            pointer-events: all;
 +
            cursor: pointer;
 +
        }
 +
       
 +
        @media screen and (max-width: 767px) {
 +
            .awards-container img {
 +
                position: absolute;
 +
                top: 10px;
 +
                left: 10px;
 +
                height: initial;
 +
                max-width: 120px;
 +
                width: 40vw;
 +
                z-index: 2;
 +
            }
 +
        }
 +
    </style>
 +
</head>
  
 +
<body>
 +
    <section class="container" id="intro-page">
 +
        <div id="intro-header">
 +
<div class="awards-container">
 +
                <img src="https://static.igem.org/mediawiki/2020/5/5b/T--Vilnius-Lithuania--awards-mainpage.gif">
 +
            </div>
 +
            <svg id="waves" width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="water-wave" id="wave0" d="" fill="#fafafc" waveHeight="360" waveDelta="-30" speed="0.2" wavePoints="8" />
 +
<path class="water-wave" id="wave1" d="" fill="#679BF4" waveHeight="330" waveDelta="-36" speed="0.11" wavePoints="6" />
 +
<path class="water-wave" id="wave2" d="" fill="#4080ED" waveHeight="300" waveDelta="-40" speed="0.18" wavePoints="8" />
 +
<path class="water-wave" id="wave3" d="" fill="#2454CD" waveHeight="270" waveDelta="-35" speed="0.13" wavePoints="5" />
 +
<path class="water-wave" id="wave4" d="" fill="#11348F" waveHeight="240" waveDelta="-40" speed="0.13" wavePoints="6" />
 +
<path class="water-wave" id="wave5" d="" fill="#142E71" waveHeight="210" waveDelta="-41" speed="0.15" wavePoints="5" />
 +
<path class="water-wave" id="wave6" d="" fill="#0F162C" waveHeight="180" waveDelta="-35" speed="0.18" wavePoints="10" />
 +
<path class="water-wave" id="wave7" d="" fill="#121212" waveHeight="150" waveDelta="-28" speed="0.28" wavePoints="7" />
 +
</svg>
 +
<div style="width: 100%;height: 6px;background-color: #121212;margin-top: -3px;position: relative;"></div>
 +
        </div>
 +
      <div id="intro">
 +
            <div id="title-wrapper">
 +
                <h1  class="elevate-navbar">flavo<em>flow</em></h1>
 +
            </div>
 +
            <div id="desc-wrapper">
 +
                <img src="https://static.igem.org/mediawiki/2020/f/fb/T--Vilnius-Lithuania--mainPage-dtp.gif">
 +
            </div>
 +
        </div>
 +
    </section>
 +
    <main id="storytelling">
 +
        <div class="black-bg big-section">
 +
            <div id="firstpart" class="section centered">
 +
                <div id="fish-doodle" class="centered animation">
 +
                </div>
 +
                <div class="centered wdt-60">
 +
                    <p class="white center">Throughout history <b>fish</b> have always played a <b>crucial part in a nutritious diet</b> across the world.</p>
 +
                </div>
 +
            </div>
 +
            <div id="secondpart" class="section centered">
 +
                <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>
 +
                </div>
 +
                <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>
 +
                </div>
 +
            </div>
 +
            <div id="statistics" class="section two-parts">
 +
                <h1 class="white">+<span id="production">0</span>%</h1>
 +
                <h1 class="white">+<span id="consumption">0</span>%</h1>
 +
                <p class="white">Rise in global aquaculture production from 1990 to 2018</p>
 +
                <p class="white">Rise in total food fish consumption from 1990 to 2018</p>
 +
            </div>
 +
            <div id="fourthpart" class="section centered">
 +
                <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>
 +
                </div>
 +
                <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>
 +
                </div>
 +
            </div>
 +
            <div id="fifthpart" class="section two-parts">
 +
                <div class="half">
 +
                    <h2 class="white"><b>Advantages</b> of RAS</h2>
 +
                    <div class="list">
 +
                        <div class="list-item">
 +
                            <div><img src="https://static.igem.org/mediawiki/2020/7/74/T--Vilnius-Lithuania--mainPage-pros1.svg"></div>
 +
                            <p>reduced water and land needs</p>
 +
                        </div>
 +
                        <div class="list-item">
 +
                            <div><img src="https://static.igem.org/mediawiki/2020/a/a3/T--Vilnius-Lithuania--mainPage-pros2.svg"></div>
 +
                            <p>fully controlled environment</p>
 +
                        </div>
 +
                        <div class="list-item">
 +
                            <div><img src="https://static.igem.org/mediawiki/2020/4/4c/T--Vilnius-Lithuania--mainPage-pros3.svg"></div>
 +
                            <p>automated feeding strategy</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="half">
 +
                    <h2 class="white"><b>Disadvantages</b> of RAS</h2>
 +
                    <div class="list">
 +
                        <div class="list-item">
 +
                            <div><img src="https://static.igem.org/mediawiki/2020/b/b1/T--Vilnius-Lithuania--mainPage-cons1.svg"></div>
 +
                            <p>high electricity consumption</p>
 +
                        </div>
 +
                        <div class="list-item">
 +
                            <div><img src="https://static.igem.org/mediawiki/2020/e/ea/T--Vilnius-Lithuania--mainPage-cons2.svg"></div>
 +
                            <p>water quality</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div id="sixthpart" class="section centered">
 +
                <div class="centered">
 +
                    <h1>However, the <b>biggest challenge</b> is...</h1>
 +
                </div>
 +
                <div id="infection" class="animation"></div>
 +
            </div>
 +
            <div id="seventhpart" class="section centered">
 +
                <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>
 +
                </div>
 +
                <div class="centered">
 +
                    <div id="ras-sick" class="animation">
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="milkWave">
 +
                <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#fafafc" />
 +
</svg>
 +
            </div>
 +
        </div>
  
 +
        <div class="white-bg big-section">
 +
            <div class="section centered">
 +
                <h1 class="black center">
 +
                    THE PROBLEM
 +
                </h1>
 +
            </div>
 +
            <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>
 +
            </div>
 +
<div class="centered">
 +
                <div id="bacHorizontal" class="animation">
 +
                </div>
 +
            </div>
 +
            <div id="bact" class="section centered">
 +
                <div class="section centered wdt-60">
 +
                    <p class="black center">The<b> most common</b> of these bacteria are the two opportunistic species:</p>
 +
                </div>
 +
                <div class="row">
 +
                    <div class="half">
 +
                        <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>
 +
                        <p class="yellow center"><b>bacterial gill disease<br>&<br>rainbow trout fry syndrome</b></p>
 +
                    </div>
 +
                    <div class="half">
 +
                        <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>
 +
                        <p class="yellow center"><b>columnaris disease</b></p>
 +
                    </div>
 +
                </div>
 +
            </div>
  
−
<div class="column full_size" >
+
        </div>
−
<h1> Welcome to iGEM 2020! </h1>
+
        <div id="threebacsec">
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
            <div class="black-bg big-section">
 +
                <div class="milkWave rotate-wave">
 +
                    <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#fafafc" />
 +
</svg>
 +
                </div>
 +
                <div class="section centered two-parts">
 +
                    <div class="centered">
 +
                        <h1><b>What the Flavo</b><br>is going on with the fish?</h1>
 +
                    </div>
 +
                </div>
 +
                <div id="fish-symptoms" class="section centered wdt-80">
 +
                    <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>
 +
                    </div>
 +
                    <div class="centered">
 +
                        <div id="sick-fish" class="animation "></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 id="die-offs" 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 class="emphasize ">massive fish die-offs</b>.</p>
 +
                    </div>
 +
                    <div class="centered">
 +
                        <img src="https://static.igem.org/mediawiki/2020/4/42/T--Vilnius-Lithuania--mainPage-deadFish.svg">
 +
                    </div>
 +
                </div>
 +
                <div class="section centered">
  
 +
                    <div class="centered wd-60">
 +
                        <p class="white">Are there any solutions to this problem?</p>
 +
                    </div>
 +
                </div>
 +
                <div class="milkWave">
 +
                    <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#fafafc" />
 +
</svg>
 +
                </div>
 +
            </div>
  
−
<img src="https://placehold.it/1080x320">
+
            <div class="white-bg big-section">
−
+
                <div class="section centered">
 +
                    <div class="centered">
 +
                        <h1 class="black center">Actually, yes!</h1>
 +
                    </div>
 +
                </div>
 +
                <div class="section centered wd-60">
 +
                    <div>
 +
                        <p class="black center">We have found <b>three</b> major approaches to solving the Flavoproblem.</p>
 +
                        <div class="animation" id="threeBac"></div>
 +
                    </div>
 +
                </div>
  
−
</div>  
+
            </div>
 +
            <div class="white-bg big-section smallWaves">
 +
                <div class="milkWave small">
 +
                    <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#DDE4FD" />
 +
</svg>
 +
                </div>
 +
                <div class="milkWave small" style="top: 20px;">
 +
                    <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#B8C7FC" />
 +
</svg>
 +
                </div>
 +
                <div class="milkWave small" style="top: 40px;">
 +
                    <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#8BA2F7" />
 +
</svg>
 +
                </div>
 +
                <div class="milkWave small" style="top: 60px;">
 +
                    <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#6281ef" />
 +
</svg>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="lightblue-bg big-section">
 +
            <div class="section centered">
 +
                <div class="centered">
 +
                    <h1 class="white title">detection</h1>
 +
                </div>
 +
            </div>
 +
            <div class="section centered wd-50">
 +
                <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
 +
                        what the Flavo is in their tanks.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="lightblue-bg big-section smallWaves">
 +
            <div class="milkWave small">
 +
                <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d=" " fill="#4E71EB" />
 +
</svg>
 +
            </div>
 +
            <div class="milkWave small" style="top: 20px;">
 +
                <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d=" " fill="#3C62E3" />
 +
</svg>
 +
            </div>
 +
            <div class="milkWave small" style="top: 40px;">
 +
                <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#365AD8" />
 +
</svg>
 +
            </div>
 +
            <div class="milkWave small" style="top: 60px;">
 +
                <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#3356CE" />
 +
</svg>
 +
            </div>
 +
        </div>
 +
        <div class="brightblue-bg big-section">
 +
            <div class="section centered">
 +
                <div class="centered">
 +
                    <h1 class="white title">treatment</h1>
 +
                </div>
 +
            </div>
  
−
<div class="column full_size" >
+
            <div class="section centered wd-50">
 +
                <div>
 +
                    <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 class="section centered wd-50">
 +
                <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>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="brightblue-bg big-section smallWaves">
 +
            <div class="milkWave small">
 +
                <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#2B4FC9" />
 +
</svg>
 +
            </div>
 +
            <div class="milkWave small" style="top: 20px;">
 +
                <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d=""  fill="#264AC6" />
 +
</svg>
 +
            </div>
 +
            <div class="milkWave small" style="top: 40px;">
 +
                <svg width="100%" height="100%" version="1.1 " xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#103BAD" />
 +
</svg>
 +
            </div>
 +
            <div class="milkWave small" style="top: 60px;">
 +
                <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d=" " fill="#11348F" />
 +
</svg>
 +
            </div>
 +
        </div>
 +
        <div class="darkblue-bg big-section">
 +
            <div class="section centered">
 +
                <div class="centered">
 +
                    <h1 class="white title">prevention</h1>
 +
                </div>
 +
            </div>
 +
            <div class="section centered wd-50">
 +
                <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>
 +
                </div>
 +
            </div>
 +
            <div class="section centered wd-50">
 +
                <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>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="darkblue-bg big-section smallWaves">
 +
            <div class="milkWave small">
 +
                <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#142455" />
 +
</svg>
 +
            </div>
 +
            <div class="milkWave small " style="top: 20px; ">
 +
                <svg width="100%" height="100%" version="1.1 " xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath " d=" " fill="#131F43 " />
 +
</svg>
 +
            </div>
 +
            <div class="milkWave small " style="top: 40px; ">
 +
                <svg width="100%" height="100%" version="1.1 " xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath " d=" " fill="#0F162C " />
 +
</svg>
 +
            </div>
 +
            <div class="milkWave small" style="top: 60px;">
 +
                <svg width="100%" height="100%" version="1.1 " xmlns="http://www.w3.org/2000/svg">
 +
<path class="animWavePath" d="" fill="#121212" />
 +
</svg>
 +
            </div>
 +
        </div>
 +
        <div id="links" class="black-bg big-section">
 +
            <div class="section centered">
 +
                <div class="centered">
 +
                    <div id="dive" class="animation"></div>
 +
                </div>
 +
            </div>
 +
            <div class="section centered nf">
 +
                <div class="row">
 +
                    <div class="link">
 +
                        <object type="image/svg+xml" data="https://static.igem.org/mediawiki/2020/0/02/T--Vilnius-Lithuania--mainPage-designLink.svg"></object>
 +
                        <h1>Design</h1>
 +
                    </div>
 +
                    <div class="link">
 +
                        <object type="image/svg+xml" data="https://static.igem.org/mediawiki/2020/e/ef/T--Vilnius-Lithuania--mainPage-resultsLink.svg"></object>
 +
                        <h1>Results</h1>
 +
                    </div>
 +
                    <div class="link">
 +
                        <object type="image/svg+xml" data="https://static.igem.org/mediawiki/2020/f/f2/T--Vilnius-Lithuania--mainPage-softwareLink.svg"></object>
 +
                        <h1>Software</h1>
 +
                    </div>
  
−
<h3>Before you start</h3>
+
                </div>
−
<p> Please read the following pages:</p>
+
                <div class="row">
−
<ul>
+
                    <div class="link"><object type="image/svg+xml" data="https://static.igem.org/mediawiki/2020/4/45/T--Vilnius-Lithuania--mainPage-modelLink.svg"></object>
−
<li> <a href="https://2020.igem.org/Competition">Competition Hub</a> </li>
+
                        <h1>Model</h1>
−
<li> <a href="https://2020.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
                    </div>
−
<li> <a href="https://2020.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
−
</ul>
+
−
</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>
 +
                        <h1>Human<br>practices</h1>
 +
                    </div>
  
−
<div class="clear extra_space"></div>
+
                </div>
−
<div class="line_divider"></div>
+
            </div>
−
<div class="clear extra_space"></div>
+
        </div>
 +
    </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/ScrollFadeIn&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/js/gsap.min.js&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/js/ScrollTrigger.min.js&action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript " src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/js/lottie.js&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/anim/zhoovis.js&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/anim/RAShealthy&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/anim/infection&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/anim/zuve&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/anim/RASsick&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/anim/threebac&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/anim/bacHorizontal&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/anim/dive&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/js/intro.js&action=raw&ctype=text/javascript"></script>
  
 +
    <script>
 +
        scrollFadeIn(Array.from(document.querySelectorAll(".section")).map((item) => Array.from(item.children)));
 +
    </script>
 +
        <script>
 +
        let pageWaves = document.querySelectorAll(".milkWave");
 +
        Array.from(pageWaves).forEach((item)=>{
 +
            makeWave(item, setWaveParams);
 +
        });
 +
    </script>
 +
    <script>
 +
        document.querySelector(".awards-container img").onclick = ()=> location.href = "https://2020.igem.org/Team:Vilnius-Lithuania/Awards";
 +
    </script>
 +
</body>
  
 +
</html>
  
−
<div class="column full_size" >
+
{{Vilnius-Lithuania/footer}}
−
<h3> Styling your wiki </h3>
+
−
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
−
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column third_size" >
+
−
 
+
−
<h3> Uploading pictures and files </h3>
+
−
<p> You must upload any pictures and files to the iGEM 2020 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
−
 
+
−
 
+
−
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
+
−
 
+
−
<div class="button_link">
+
−
<a href="https://2020.igem.org/Special:Upload">
+
−
UPLOAD FILES
+
−
</a>
+
−
</div>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column third_size" >
+
−
<h3> Wiki template information </h3>
+
−
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2020.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column third_size" >
+
−
<div class="highlight decoration_B_full">
+
−
<h3> Editing your wiki </h3>
+
−
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>
+
−
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
−
 
+
−
<div class="button_link">
+
−
<a href="https://2020.igem.org/wiki/index.php?title=Team:Vilnius-Lithuania&action=edit">
+
−
EDIT PAGE
+
−
</a>
+
−
</div>
+
−
 
+
−
 
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="clear extra_space"></div>
+
−
<div class="line_divider"></div>
+
−
<div class="clear extra_space"></div>
+
−
 
+
−
 
+
−
 
+
−
<div class="column two_thirds_size" >
+
−
<h3>Tips</h3>
+
−
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
−
<ul>
+
−
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
−
<li>Be clear about what you are doing and how you plan to do this.</li>
+
−
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
−
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
−
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
−
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2020.igem.org/Calendar">iGEM 2020 calendar</a> </li>
+
−
<li>Have lots of fun! </li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column third_size">
+
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
−
<ul>
+
−
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
−
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
−
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
−
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<p id="alert">This is styled with a CSS and JS template</p>
+
−
<p id="alert2">This is styled with a JS file</p>
+
−
 
+
−
<script src="https://static.igem.org/mediawiki/2020/a/ad/T--Vilnius-Lithuania--testjs.txt"></script>
+
−
 
+
−
</html>
+
−
{{Vilnius-Lithuania/JS}}
+

Latest revision as of 23:05, 18 December 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.