Difference between revisions of "Team:Vilnius-Lithuania"

Line 1: Line 1:
<!DOCTYPE html>
+
[[File:T--Vilnius-Lithuania--mobile-background.png|background-mobile]]
<html>
+
[[File:T--Vilnius-Lithuania--computer-background.png|background-desktop]]
  <head>
+
<div style="position: absolute; left:0; right:0;width: 100%;bottom:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column;">
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/main&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
<div class="coming-soon">
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/fonts&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
[[File:T--Vilnius-Lithuania--logo-white.png|275px|logo]]
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/background&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
[[File:T--Vilnius-Lithuania--coming-soon-text.png|400px|text]]
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/navbar&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
</div>
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/navmenu-desktop&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
</div>
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/navmenu-mobile&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
<html>
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/accesibility-menu-desktop&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
<style>
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/accesibility-menu-mobile&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
 
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/button-pill&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
.coming-soon p {
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/footer&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
display: flex;
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/landingpage-desktop&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
justify-content: center;
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/landingpage-mobile&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
align-items: center;
    <link href="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/styles/bypass-block&amp;action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
+
flex-direction: column;
  </head>
+
}
  <body>
+
 
    <div class="navbar-container">
+
body #content {
      <nav class="navbar">
+
    margin: 0 !important;
        <a class="bypass-block-link visually-hidden visible-when-focused" href="#main-content">Skip to main content
+
    position: unset !important;
        </a>
+
}
        <a class="navbar-logo" href="/Team:Vilnius-Lithuania">
+
 
          <img alt="AmebyeLogo" src="https://static.igem.org/mediawiki/2021/b/b0/T--Vilnius-Lithuania--amebyeLogo.svg"/>      AmeBye   
+
body #top_title {
        </a>
+
display: none;
        <ul class="nav-menu">
+
}
        </ul>
+
 
      </nav>  
+
html,
      <div class="progress-container">  
+
body,
        <div class="progress-bar">
+
#globalWrapper {
        </div>
+
    height: 100%;
      </div>
+
}
    </div>
+
 
    <div class="background">
+
body {
      <canvas id="background-canvas">
+
    overflow: hidden;
      </canvas>
+
}
      <div class="ameba-container">
+
 
        <div class="ameba">
+
@media only screen and (max-width: 600px) {
        </div>
+
img[alt=background-desktop] {
        <div class="book">
+
display: none !important;
        </div>
+
}
      </div>
+
 
      <div class="landing-page-content">
+
img[alt=background-mobile] {
        <div class="content-container">
+
display: block !important;
          <div class="logo">
+
}
            <object data="https://static.igem.org/mediawiki/2021/b/b0/T--Vilnius-Lithuania--amebyeLogo.svg">
+
 
            </object>
+
}
            <h1>AmeBye
+
 
            </h1>
+
img[alt=background-desktop] {
            <div>Make
+
display: block;
              <i>E. histolytica
+
}
              </i> history
+
 
            </div>
+
img[alt=background-mobile] {
          </div>
+
display: none;
        </div>
+
}
        <div class="content-container">
+
 
          <div>            You might recognise this famous protozoan -
+
 
            <span>an amoeba
+
img[alt=background-mobile],
            </span> - from Biology textbooks. -.            Although it looks fair and harmless, don't get fooled: it can be really dangerous.            More precisely,
+
img[alt=background-desktop] {
            <span>Entamoeba histolytica
+
    position: absolute;
            </span> species causes a disease called
+
    top: 0;
            <span>amebiasis
+
     left: 0;
            </span>.         
+
    right: 0;
          </div>
+
    bottom: 0;
          <div>            When E. histolytica enters the human body through contaminated water,            food or hands it turns into
+
    width: 100%;
            <span>trophozoites
+
    height: 100%;
            </span> - a metabolically active form.         
+
}
          </div>
+
</style>
        </div>
+
        <div class="content-container">
+
          <div>
+
            <h2>              Trophozoites can appear in two types:          
+
            </h2>
+
            <div>
+
              <span>Forma minuta
+
              </span> causes
+
              <span>asymptomatic
+
              </span> infection and has no invasive tendencies.              In some cases, it can
+
              <span>progress
+
              </span> to forma magna.           
+
            </div>
+
          </div>
+
          <div>
+
            <span>Forma magna
+
            </span> causes intestinal infection - amebic colitis.            It has an invasive tendency that leads to
+
            <span>systemic infection
+
            </span>.            Complications occur in various parenchymal organs and sometimes
+
            <span>leads to death
+
            </span>.         
+
          </div>
+
        </div>
+
        <div class="content-container">
+
          <div class="map-container">
+
            <div class="map">
+
            </div>
+
          </div>
+
          <div>
+
            <div class="text-container">
+
              <h3>50 000 000
+
              </h3>
+
              <div>people infected every year
+
              </div>
+
            </div>
+
            <div class="text-container">
+
              <h3>100 000
+
              </h3>
+
              <div>deaths every year
+
              </div>
+
            </div>
+
            <div class="text-container">
+
              <h3>3rd
+
              </h3>
+
              <div>deadliest protist caused infection in the world
+
              </div>
+
            </div>
+
          </div>
+
        </div>
+
        <div class="content-container">
+
          <h2>Prevention
+
          </h2>
+
          <div>
+
            <div class="text-container">              About 80 - 90 percent of people infected with              E. histolytica face no symptoms but can transmit the disease to other people,              who might be more susceptible and face intricate complications.              Such peculiarity creates favorable / conducive circumstances for              worldwide spreadness of E. histolytica. What is more, forma minuta can progress to forma magna.              However currently the prevention of the infection is non-specific, based on good sanitation,              avoidance of contaminated food and hands.                All of these reasons justify the demand for prevention tool.           
+
            </div>
+
            <div class="circles-container">
+
            </div>
+
            <div>
+
              <div>
+
                <svg viewbox="0 0 14 14">
+
                  <circle cx="7" cy="7" fill="white" r="7">
+
                  </circle>
+
                </svg>                No infection             
+
              </div>
+
              <div>
+
                <svg viewbox="0 0 14 14">
+
                  <circle cx="7" cy="7" fill="#FCCEC0" r="7">
+
                  </circle>
+
                </svg>                Asymptomatic infection             
+
              </div>
+
              <div>
+
                <svg viewbox="0 0 14 14">
+
                  <circle cx="7" cy="7" fill="#EF9F89" r="7">
+
                  </circle>
+
                </svg>                Symptomatic infection             
+
              </div>
+
            </div>
+
          </div>
+
        </div>
+
        <div class="diagnostics-container">
+
          <object data="https://static.igem.org/mediawiki/2021/d/d7/T--Vilnius-Lithuania--microscope.svg">
+
          </object>
+
          <div>
+
            <h2>Diagnostics
+
            </h2>
+
            <p>              Currently, methods designed to diagnose amebiasis are not efficient or not available              in the regions where this infection has spread the most. Identification of infection              localization in the organism is important for the right treatment strategy assignment.           
+
            </p>
+
          </div>
+
        </div>
+
        <div class="solution-container">
+
          <h2>Solution
+
          </h2>
+
          <div>
+
            <object data="https://static.igem.org/mediawiki/2021/a/a2/T--Vilnius-Lithuania--probiotics.svg">
+
            </object>
+
            <div>  
+
              <h3>Probiotics
+
              </h3>
+
              <p>                As a tool to prevent amebiasis, our team created probiotics                capable of naringenin biosynthesis. Naringenin is a flavanone naturally                present in plants, and it was chosen as an active substance as experimental                data showed that it reduced Entamoeba histolytica virulence.                Our probiotics could be consumed by locals that are carriers                of the infection and travellers to prevent the spread of the                disease to other countries.             
+
              </p>
+
            </div>  
+
          </div>  
+
          <div>  
+
            <div>
+
              <h3>Diagnostic test
+
              </h3>
+
              <p>                This year we created a rapid, low-cost, user-friendly                specific detection test for the diagnostics of invasive amoebiasis                from blood serum. Our test is based on interaction between aptamers                and specific proteins secreted by E. histolytica resulting in color                change reaction. The test could be valuable not only for healthcare                institutions but for in-home use as well.             
+
              </p>
+
            </div>
+
            <object data="https://static.igem.org/mediawiki/2021/1/15/T--Vilnius-Lithuania--test.svg">
+
            </object>
+
          </div>
+
          <div>
+
            <div>              By combining these two solutions -  
+
              <span>probiotics and the diagnostic test
+
              </span>              - we could weaken the vitality of this silent killer              and halt the spread of amebiasis hazard.           
+
            </div>
+
            <img alt="ameba in book" src="https://static.igem.org/mediawiki/2021/0/0e/T--Vilnius-Lithuania--ameba_book.gif"/>
+
          </div>
+
        </div>
+
        <div class="useful-links-container">
+
          <h2>Useful links
+
          </h2>
+
          <div>
+
            <a href="https://2021.igem.org/Team:Vilnius-Lithuania/Description">
+
              <object data="https://static.igem.org/mediawiki/2021/1/1d/T--Vilnius-Lithuania--links_description.svg">
+
              </object>
+
              <div>Description
+
              </div>
+
            </a>
+
            <a href="https://2021.igem.org/Team:Vilnius-Lithuania/Design">
+
              <object data="https://static.igem.org/mediawiki/2021/4/4f/T--Vilnius-Lithuania--links_design.svg">
+
              </object>
+
              <div>Design
+
              </div>
+
            </a>
+
            <a href="https://2021.igem.org/Team:Vilnius-Lithuania/Parts">
+
              <object data="https://static.igem.org/mediawiki/2021/2/2f/T--Vilnius-Lithuania--links_parts.svg">
+
              </object>
+
              <div>Parts
+
              </div>
+
            </a>
+
            <a href="https://2021.igem.org/Team:Vilnius-Lithuania/Software">
+
              <object data="https://static.igem.org/mediawiki/2021/8/87/T--Vilnius-Lithuania--links_software.svg">
+
              </object>
+
              <div>Software
+
              </div>
+
            </a>
+
            <a href="https://2021.igem.org/Team:Vilnius-Lithuania/Human_Practices">
+
              <object data="https://static.igem.org/mediawiki/2021/5/59/T--Vilnius-Lithuania--links_hp.svg">
+
              </object>
+
              <div>Human practices
+
              </div>
+
            </a>
+
          </div>
+
        </div>
+
      </div>
+
      <footer>
+
        <div class="logo-igem">
+
          <object data="https://static.igem.org/mediawiki/2021/f/ff/T--Vilnius-Lithuania--iGEM-2021.svg">
+
          </object>
+
        </div>
+
        <div class="social-container">
+
          <div>FOLLOW US
+
          </div>
+
          <div>
+
            <a class="placeholder-social-icon" href="https://www.facebook.com/VilniusiGEM">
+
              <img src="https://static.igem.org/mediawiki/2021/3/36/T--Vilnius-Lithuania--facebook.svg"/>
+
            </a>
+
            <a class="placeholder-social-icon" href="https://www.instagram.com/igem_vilnius/">
+
              <img src="https://static.igem.org/mediawiki/2021/6/64/T--Vilnius-Lithuania--instagram.svg"/>
+
            </a>
+
            <a class="placeholder-social-icon" href="https://www.linkedin.com/company/vilnius-igem/">
+
              <img src="https://static.igem.org/mediawiki/2021/e/e7/T--Vilnius-Lithuania--linkedin.svg"/>
+
            </a>
+
          </div>
+
        </div>
+
        <div class="mail-container">
+
          <div>CONTACT US
+
          </div>
+
          <a href="mailto:info@vilniusigem.lt">info@vilniusigem.lt
+
          </a>
+
        </div>
+
        <div class="grid-sponsors">
+
          <div>
+
            <div>
+
              <object data="https://static.igem.org/mediawiki/2021/d/dc/T--Vilnius-Lithuania--VU.svg">
+
              </object>
+
            </div>
+
            <div>
+
              <object data="https://static.igem.org/mediawiki/2021/b/bf/T--Vilnius-Lithuania--Termofisher.svg">
+
              </object>
+
            </div>
+
            <div>
+
              <object data="https://static.igem.org/mediawiki/2021/1/10/T--Vilnius-Lithuania--CityOfVilnius.svg">
+
              </object>
+
            </div>
+
          </div>
+
          <div>
+
            <div>
+
              <object data="https://static.igem.org/mediawiki/2021/b/bb/T--Vilnius-Lithuania--GMC.svg">
+
              </object>
+
            </div>
+
            <div>
+
              <object data="https://static.igem.org/mediawiki/2021/9/98/T--Vilnius-Lithuania--Nanodiagnostika.svg">
+
              </object>
+
            </div>
+
            <div>
+
              <object data="https://static.igem.org/mediawiki/2021/1/16/T--Vilnius-Lithuania--Telesoftas.svg">
+
              </object>
+
            </div>
+
            <div>
+
              <object data="https://static.igem.org/mediawiki/2021/7/70/T--Vilnius-Lithuania--Kopicentras.svg">
+
              </object>
+
            </div>
+
          </div>
+
          <div>
+
            <div>
+
              <object data="https://static.igem.org/mediawiki/2021/d/df/T--Vilnius-Lithuania--SnapGene.svg">
+
              </object>
+
            </div>
+
            <div>
+
              <object data="https://static.igem.org/mediawiki/2021/3/3e/T--Vilnius-Lithuania--Laborama.svg">
+
              </object>
+
            </div>
+
            <div>
+
              <object data="https://static.igem.org/mediawiki/2021/c/c1/T--Vilnius-Lithuania--Biotecha.svg">
+
              </object>
+
            </div>
+
            <div>
+
              <object data="https://static.igem.org/mediawiki/2021/4/4f/T--Vilnius-Lithuania--Grida.svg">
+
              </object>
+
            </div>
+
          </div>
+
        </div>
+
      </footer>
+
     </div>
+
  </body>
+
  <script src="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/scripts/background&amp;action=raw&amp;ctype=text/javascript" type="text/javascript">
+
  </script>
+
  <script src="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/scripts/map&amp;action=raw&amp;ctype=text/javascript" type="text/javascript">
+
  </script>
+
  <script src="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/scripts/drawLandingPage&amp;action=raw&amp;ctype=text/javascript" type="text/javascript">
+
  </script>
+
  <script src="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/scripts/navigationTabs&amp;action=raw&amp;ctype=text/javascript" type="text/javascript">
+
  </script>
+
  <script src="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/scripts/navbar&amp;action=raw&amp;ctype=text/javascript" type="text/javascript">
+
  </script>
+
  <script src="https://2021.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/scripts/loadAmeba&amp;action=raw&amp;ctype=text/javascript" type="text/javascript">
+
  </script>
+
 
</html>
 
</html>

Revision as of 16:34, 15 October 2021

background-mobile background-desktop

logo text