Difference between revisions of "Team:Vilnius-Lithuania/test/Design"

m
m
Line 13: Line 13:
  
 
<body>
 
<body>
−
<main style="padding-top:128px" class="elevate-navbar">
+
<main style="padding-top:32px">
−
<div class="scrollBlock small">
+
<div class="scrollBlock noanim">
−
<div class="content small">
+
<div class="content">
 
<div class="h2 larger">DETECTION</div>
 
<div class="h2 larger">DETECTION</div>
 
<p class="content-paragraph">
 
<p class="content-paragraph">
Line 24: Line 24:
 
</main>
 
</main>
 
<main>
 
<main>
−
<div class="scrollBlock">
+
<div class="scrollBlock noanim">
−
<div class="scrollItem">
+
<div class="content noanim">
−
<div></div>
+
−
</div>
+
−
<div class="content">
+
 
<div class="h3">Bioinformatic Analysis</div>
 
<div class="h3">Bioinformatic Analysis</div>
 
<p class="content-paragraph">
 
<p class="content-paragraph">
Line 65: Line 62:
 
</main>
 
</main>
 
<main>
 
<main>
−
<div class="scrollBlock smaller contentLarger">
+
<div class="scrollBlock">
 
<div id="animLfaScrollItem" class="scrollItem">
 
<div id="animLfaScrollItem" class="scrollItem">
 
<div id="animationLfa"></div>
 
<div id="animationLfa"></div>
 
</div>
 
</div>
−
<div id="animLfaContent" class="content smaller contentLarger">
+
<div id="animLfaContent" class="content">
 
<div id="animLfaBigtitle" class="h2 larger"></div>
 
<div id="animLfaBigtitle" class="h2 larger"></div>
 
<div id="animLfaTitle" class="h3"></div>
 
<div id="animLfaTitle" class="h3"></div>
Line 88: Line 85:
 
</main>
 
</main>
 
<main>
 
<main>
−
<div class="scrollBlock small">
+
<div class="scrollBlock noanim">
−
<div class="content small">
+
<div class="content">
 
<div class="h2 larger">TREATMENT</div>
 
<div class="h2 larger">TREATMENT</div>
 
<p class="content-paragraph">
 
<p class="content-paragraph">
Line 105: Line 102:
 
</main>
 
</main>
 
<main id="sectionLysin">
 
<main id="sectionLysin">
−
<div class="scrollBlock smaller contentLarger">
+
<div class="scrollBlock">
 
<div class="scrollItem">
 
<div class="scrollItem">
 
<div id="animation2"></div>
 
<div id="animation2"></div>
 
</div>
 
</div>
−
<div class="content smaller contentLarger">
+
<div class="content">
 
<div id="anim2bigtitle" class="h2 larger">Endolysin & exolysin system</div>
 
<div id="anim2bigtitle" class="h2 larger">Endolysin & exolysin system</div>
 
<div id="anim2title" class="h3"></div>
 
<div id="anim2title" class="h3"></div>
Line 120: Line 117:
 
</main>
 
</main>
 
<main id="sectionToxin">
 
<main id="sectionToxin">
−
<div class="scrollBlock smaller contentLarger">
+
<div class="scrollBlock">
 
<div class="scrollItem">
 
<div class="scrollItem">
 
<div id="animation2"></div>
 
<div id="animation2"></div>
 
</div>
 
</div>
−
<div class="content smaller contentLarger">
+
<div class="content">
 
<div id="anim2bigtitle" class="h2 larger">Toxin & antitoxin system</div>
 
<div id="anim2bigtitle" class="h2 larger">Toxin & antitoxin system</div>
 
<div id="anim2title" class="h3"></div>
 
<div id="anim2title" class="h3"></div>
Line 135: Line 132:
 
</main>
 
</main>
 
<main>
 
<main>
−
<div class="scrollBlock small">
+
<div class="scrollBlock noanim">
−
<div class="content small">
+
<div class="content">
 
<div class="h2 larger">PREVENTION</div>
 
<div class="h2 larger">PREVENTION</div>
 
<p class="content-paragraph">
 
<p class="content-paragraph">
Line 145: Line 142:
 
</main>
 
</main>
 
<main id="sectionToxin">
 
<main id="sectionToxin">
−
<div class="scrollBlock smaller contentLarger">
+
<div class="scrollBlock">
 
<div class="scrollItem">
 
<div class="scrollItem">
 
<div id="animation2"></div>
 
<div id="animation2"></div>
 
</div>
 
</div>
−
<div class="content smaller contentLarger">
+
<div class="content">
 
<div id="anim2bigtitle" class="h2 larger">Subunit vaccines</div>
 
<div id="anim2bigtitle" class="h2 larger">Subunit vaccines</div>
 
<div id="anim2title" class="h3">In alginate beads</div>
 
<div id="anim2title" class="h3">In alginate beads</div>
Line 174: Line 171:
 
content: animLfaContent,
 
content: animLfaContent,
 
sections: [
 
sections: [
−
{ element: "#animLfa-1", length: 0.003, bigTitle: "LFA Tests", title: "Costs", text: " Testų kainos (Testų kainą analizuoti galima, jei pasiskaičiuosi, kokia bus mūsų kaina testo. Kitu atveju tai nieko nepasakys. Ir čia ne prie design, o prie description tokia info) ir assured diagnostika (assured gali ir pabaigoje būti)." },
+
{ element: "#animLfa-1", length: 0.003, noanim: true, bigTitle: "LFA Tests", title: "Costs", text: " Testų kainos (Testų kainą analizuoti galima, jei pasiskaičiuosi, kokia bus mūsų kaina testo. Kitu atveju tai nieko nepasakys. Ir čia ne prie design, o prie description tokia info) ir assured diagnostika (assured gali ir pabaigoje būti)." },
 
{ element: "#animLfa-2", length: 0.152, title: "Sample pad", text: "The first step in lateral flow assay is sample addition to the sample pad which is made from glass fibre. This pad quickly absorbs the liquid added and the fluid flows to the subsequent membrane called conjugate pad. Mentioned sample pad can be pretreated with different kinds of buffers which help in processing the added fluid. For example ŠALTINIAI" },
 
{ element: "#animLfa-2", length: 0.152, title: "Sample pad", text: "The first step in lateral flow assay is sample addition to the sample pad which is made from glass fibre. This pad quickly absorbs the liquid added and the fluid flows to the subsequent membrane called conjugate pad. Mentioned sample pad can be pretreated with different kinds of buffers which help in processing the added fluid. For example ŠALTINIAI" },
 
{ element: "#animLfa-3", length: 0.14, title: "DNA", text: "Our lateral flow assay test is based on nucleic acid hybridization ŠALTINIAI for this reason sample added to the test must contain ssDNA. This test would work with fragments amplified during symmetric amplification which generates dsDNA also, but additional step of denaturation would be needed. For the ease of use we decided to perform asymmetric helicase dependent amplification after which a fraction of amplified sequences are double stranded but the majority of the DNA is single stranded and is immediately suitable for this test without the need of denaturation." },
 
{ element: "#animLfa-3", length: 0.14, title: "DNA", text: "Our lateral flow assay test is based on nucleic acid hybridization ŠALTINIAI for this reason sample added to the test must contain ssDNA. This test would work with fragments amplified during symmetric amplification which generates dsDNA also, but additional step of denaturation would be needed. For the ease of use we decided to perform asymmetric helicase dependent amplification after which a fraction of amplified sequences are double stranded but the majority of the DNA is single stranded and is immediately suitable for this test without the need of denaturation." },
Line 198: Line 195:
 
let down = (newSection > currentSection);
 
let down = (newSection > currentSection);
 
currentSection = newSection;
 
currentSection = newSection;
−
const { bigTitle, title, text } = curAnim.sections[currentSection];
+
const { bigTitle, title, text, noanim } = curAnim.sections[currentSection];
 
clearTimeout(timeout1);
 
clearTimeout(timeout1);
 
clearTimeout(timeout2);
 
clearTimeout(timeout2);
Line 207: Line 204:
 
curAnim.title.innerText = title;
 
curAnim.title.innerText = title;
 
curAnim.text.innerText = text;
 
curAnim.text.innerText = text;
−
if (currentSection === 0){
+
if (noanim){
 +
curAnim.content.parentElement.classList.add("contentLarger");
 
curAnim.content.classList.add("contentLarger");
 
curAnim.content.classList.add("contentLarger");
 
curAnim.scrollItem.classList.add("contentLarger");
 
curAnim.scrollItem.classList.add("contentLarger");
 
}else{
 
}else{
 +
curAnim.content.parentElement.classList.remove("contentLarger");
 
curAnim.content.classList.remove("contentLarger");
 
curAnim.content.classList.remove("contentLarger");
 
curAnim.scrollItem.classList.remove("contentLarger");
 
curAnim.scrollItem.classList.remove("contentLarger");

Revision as of 15:31, 6 October 2020

DETECTION

Since it's inception iGEM has worked to ensure that excellence in synthetic biology goes beyond what happens in the lab. Decisions in science and engineering shape, and are shaped by, the societies we create.

Bioinformatic Analysis

Since it's inception iGEM has worked to ensure that excellence in synthetic biology goes beyond what happens in the lab. Decisions in science and engineering shape, and are shaped by, the societies we create.

HDA
And other fine products you can try

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet nisl purus in mollis nunc. Accumsan tortor posuere ac ut consequat semper. Enim lobortis scelerisque fermentum dui faucibus in ornare. Sed lectus vestibulum mattis ullamcorper. Quis varius quam quisque id diam vel.

Helimerase

Since it's inception iGEM has worked to ensure that excellence in synthetic biology goes beyond what happens in the lab. Decisions in science and engineering shape, and are shaped by, the societies we create.

Since it's inception iGEM has worked to ensure that excellence in synthetic biology goes beyond what happens in the lab. Decisions in science and engineering shape, and are shaped by, the societies we create. Social,

TREATMENT

Since it's inception iGEM has worked to ensure that excellence in synthetic biology goes beyond what happens in the lab. Decisions in science and engineering shape, and are shaped by, the societies we create.

Choose treatment system
Endolysin & exolysin system
Toxin & antitoxin system
Endolysin & exolysin system

Since it's inception iGEM has worked to ensure that excellence in synthetic biology goes beyond what happens in the lab. Decisions in science and engineering shape, and are shaped by, the societies we create. Social,

Toxin & antitoxin system

Since it's inception iGEM has worked to ensure that excellence in synthetic biology goes beyond what happens in the lab. Decisions in science and engineering shape, and are shaped by, the societies we create. Social,

PREVENTION

Since it's inception iGEM has worked to ensure that excellence in synthetic biology goes beyond what happens in the lab. Decisions in science and engineering shape, and are shaped by, the societies we create.

Subunit vaccines
In alginate beads

Since it's inception iGEM has worked to ensure that excellence in synthetic biology goes beyond what happens in the lab. Decisions in science and engineering shape, and are shaped by, the societies we create. Social,