Difference between revisions of "Team:UCL/InterLab"

Line 23: Line 23:
 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  
    <!-- a script that does the underlining for the side bar -->
 
    <script>
 
 
        $(document).ready(function(){
 
            //Take your div into one js variable
 
            var s1 = $("#step1");
 
            var s2 = $("#step2");
 
            var s3 = $("#step3");
 
 
            //Take the current position (vertical position from top) of your div in the variable
 
            var pos = s1.position();
 
            var pos1 = s2.position();
 
            var pos2 = s3.position();
 
 
            //Now when scroll event trigger do following
 
            $(window).scroll(function () {
 
 
                scrollFunction()
 
 
                var windowpos = $(window).scrollTop();
 
                //console.log(windowpos);
 
 
                //Now if you scroll more than 100 pixels vertically change the class to AfterScroll
 
                if (windowpos >= (pos.top + 100)) {
 
                    // div.addClass("AfterScroll");
 
                    s2.removeClass("active-link");
 
                    s1.addClass("active-link");
 
                }
 
 
                if (windowpos >= (pos1.top + 750)) {
 
                    // div1.addClass("AfterScroll");
 
                    s1.removeClass("active-link");
 
                    s3.removeClass("active-link");
 
                    s2.addClass("active-link");
 
 
                }
 
 
                if (windowpos >= (pos2.top + 1100)) {
 
                    //div2.addClass("AfterScroll");
 
                    s2.removeClass("active-link");
 
                    s3.addClass("active-link");
 
                }
 
 
            });
 
 
            function scrollFunction() {
 
                if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
 
                    document.getElementById("myBtn").style.display = "block";
 
                } else {
 
                    document.getElementById("myBtn").style.display = "none";
 
                }
 
            }
 
 
        });
 
    </script>
 
 
</head>
 
</head>
  
Line 85: Line 30:
 
<div style="margin:0 !important; padding:0 !important" class="container-fluid">
 
<div style="margin:0 !important; padding:0 !important" class="container-fluid">
 
     <div id="top" class="row">
 
     <div id="top" class="row">
 
  
 
         <img src="https://static.igem.org/mediawiki/2017/7/72/Logo-navbar.png" class="logo-top">
 
         <img src="https://static.igem.org/mediawiki/2017/7/72/Logo-navbar.png" class="logo-top">
Line 165: Line 109:
 
     <div class="row">
 
     <div class="row">
  
 
+
         <div style="margin-left:5% !important" class="col-sm-10">
         <div style="margin-right: 5%; margin-left:5% !important" class="col-sm-10">
+
  
 
             <div style="border-left: none; border-right: none !important; border-bottom: none !important" style="margin-top: 20px" class="text-section">
 
             <div style="border-left: none; border-right: none !important; border-bottom: none !important" style="margin-top: 20px" class="text-section">

Revision as of 10:46, 19 October 2017


Interlab

Interlab Study FUN

We took part in the interlab study to contribute to the iGEM community and because it represents a key principle of our project: reproducibility. The multipurpose applications of our light-induced technologies require every user to think about how reliable these light switches are, the methods that we use to measure their effectiveness and their intended purposes. We have fully enjoyed participating in iGEM’s interlab and hope to have successfully contributed to this global endeavour.

All the protocols and methods were provided by iGEM and we followed that.

Here’s a nice photo of us having fun with some GFP.

Back to Top