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

Line 110: Line 110:
 
         </section>
 
         </section>
 
     </main>
 
     </main>
−
    <script>
+
<script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:Vilnius-Lithuania/JS/Engineering&action=raw&ctype=text/javascript"></script>
−
        let engCyc = document.querySelector('#engineering-cycle svg');
+
−
        let dtpCyc = document.querySelector('#dtp-cycle svg');
+
−
        let stopEl = document.querySelector('main');
+
−
        let stopElHeight = stopEl.getBoundingClientRect().height;
+
−
        window.addEventListener("scroll", () => {
+
−
            let stopElTop = stopEl.getBoundingClientRect().top;
+
−
            if (stopElTop >= stopElHeight) {
+
−
                let dist = window.scrollY / window.innerHeight;
+
−
                engCyc.style.transform = `scale(${1-dist*0.6}) translate(-${dist*800}px,-${dist*500}px)`;
+
−
                dtpCyc.style.transform = `scale(${1-dist*0.25}) translate(${dist*200}px,-${dist*1400}px)`;
+
−
            }
+
−
        });
+
−
    </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/WaveScript&action=raw&ctype=text/javascript"></script>
−
    <script>
 
−
        var setWaveParams = () => {
 
−
            let container = document.querySelector(".milkWave");
 
−
            return {
 
−
                width: container.offsetWidth,
 
−
                height: container.offsetHeight,
 
−
                waveWidth: container.offsetWidth,
 
−
                waveHeight: container.offsetHeight * 0.2,
 
−
                waveDelta: 25,
 
−
                speed: 0.15,
 
−
                wavePoints: 5,
 
−
            };
 
−
        }
 
−
    </script>
 
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 08:59, 11 October 2020

Engineering
RESEARCHIMAGINEBUILDTESTLEARNIMPROVEDESIGNENGINEERINGCYCLE
DETECTIONPREVENTIONTREATMENTCLICK TOEXPLORE

detection

1 iteration

hda

research

1

Since its 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.

imagine

2

Since its 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.

design

3

Since its 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.

build

4

Since its 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.

2 iteration