Difference between revisions of "Team:Yonsei Korea/Human Practices"

Line 30: Line 30:
 
</head>
 
</head>
 
<body>
 
<body>
 +
    <script>
 +
        var didScroll;
 +
        var lastScrollTop = 0;
 +
        var delta = 10;
 +
        var navbarHeight = $(".header").outerHeight();
 +
        var contentHeight = $(".content").outerHeight();
 +
        var contentTop = $(".content").offset().top;
 +
        var menuTop=0
 +
        var menuOpen = false
 +
        $(window).scroll(function(event){
 +
            didScroll = true;
 +
        });
 +
        setInterval(function() {
 +
            if (didScroll) {
 +
                hasScrolled();
 +
                didScroll = false;
 +
            }
 +
        }, 150); //set timer delay
 +
        function hasScrolled() {
 +
            var st = $(this).scrollTop(); // current scrollTop value
 +
            if(menuOpen){
 +
                var menubtnTop = $(".fixedBtnMenu").offset().top - 15;
 +
                var temp_top = menuTop - st
 +
                $(".dropdown").css({"top": menubtnTop-7*44})
 +
            }
 +
            if(Math.abs(lastScrollTop - st) <= delta)
 +
                return;
 +
 +
            if (st > navbarHeight){
 +
                // scroll down
 +
                $(".header").slideUp("fast"); // header hide
 +
            } else {
 +
                // scroll up
 +
                if((st + $(window).height() < $(document).height()) && (st < $(".content").height()+185)) {
 +
                    $(".header").slideDown("fast"); // header open
 +
                }
 +
            }
 +
            lastScrollTop = st;
 +
        }
 +
        function MoveHomeBtn(){
 +
            $('html, body').animate({scrollTop : 0}, 400);
 +
        }
 +
        function ShowSideNavBtn(){
 +
            if(!menuOpen){
 +
                menuOpen = true
 +
                menuTop = $(this).scrollTop();
 +
                var menubtnTop = $(".fixedBtnMenu").offset().top - 15;
 +
                var menubtnLeft = $(".fixedBtnMenu").offset().left;
 +
                $(".roundedBtnMenu").css({"background":"url('https://static.igem.org/mediawiki/2021/6/6a/T--Yonsei_Korea--button_fix.png')no-repeat 0 -110px, #9CA39E"})
 +
                $(".dropdown").css({"visibility": "visible", "top": menubtnTop-7*44, "left":menubtnLeft-190})
 +
                //$("body").css({"background":"rgba(0,0,0,0.6)","background-blend-mode": "overlay"})
 +
            }else{
 +
                menuOpen = false
 +
                $(".roundedBtnMenu").css({"background":"url('https://static.igem.org/mediawiki/2021/6/6a/T--Yonsei_Korea--button_fix.png')no-repeat 0 -55px, #9CA39E"})
 +
                $(".dropdown").css({"visibility": "hidden"})
 +
                //$("body").css({"background":"rgba(0,0,0,0)","background-blend-mode": "overlay"})
 +
            }
 +
        }
 +
    </script>
 +
    <script>
 +
        $(document).ready(function(){
 +
            $("#ul_project").mouseover(function(){
 +
                $("#li_project").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 +
            });
 +
            $("#ul_project").mouseout(function(){
 +
                $("#li_project").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 +
            });
 +
            $("#li_project").mouseover(function(){
 +
                $("#li_project").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 +
            });
 +
            $("#li_project").mouseout(function(){
 +
                $("#li_project").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 +
            });
 +
 +
            $("#ul_team").mouseover(function(){
 +
                $("#li_team").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 +
            });
 +
            $("#ul_team").mouseout(function(){
 +
                $("#li_team").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 +
            });
 +
            $("#li_team").mouseover(function(){
 +
                $("#li_team").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 +
            });
 +
            $("#li_team").mouseout(function(){
 +
                $("#li_team").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 +
            });
 +
 +
            $("#ul_practice").mouseover(function(){
 +
                $("#li_practice").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 +
            });
 +
            $("#ul_practice").mouseout(function(){
 +
                $("#li_practice").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 +
            });
 +
            $("#li_practice").mouseover(function(){
 +
                $("#li_practice").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 +
            });
 +
            $("#li_practice").mouseout(function(){
 +
                $("#li_practice").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 +
            });
 +
 +
            $("#ul_lab").mouseover(function(){
 +
                $("#li_lab").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 +
            });
 +
            $("#ul_lab").mouseout(function(){
 +
                $("#li_lab").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 +
            });
 +
            $("#li_lab").mouseover(function(){
 +
                $("#li_lab").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 +
            });
 +
            $("#li_lab").mouseout(function(){
 +
                $("#li_lab").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 +
            });
 +
        });
 +
    </script>
 
     <div class="wrapper">
 
     <div class="wrapper">
 
         <div class="header">
 
         <div class="header">
Line 211: Line 325:
 
         </button>
 
         </button>
 
     </div>
 
     </div>
    <script>
 
        var didScroll;
 
        var lastScrollTop = 0;
 
        var delta = 10;
 
        var navbarHeight = $(".header").outerHeight();
 
        var contentHeight = $(".content").outerHeight();
 
        var contentTop = $(".content").offset().top;
 
        var menuTop=0
 
        var menuOpen = false
 
        $(window).scroll(function(event){
 
            didScroll = true;
 
        });
 
        setInterval(function() {
 
            if (didScroll) {
 
                hasScrolled();
 
                didScroll = false;
 
            }
 
        }, 150); //set timer delay
 
        function hasScrolled() {
 
            var st = $(this).scrollTop(); // current scrollTop value
 
            if(menuOpen){
 
                var menubtnTop = $(".fixedBtnMenu").offset().top - 15;
 
                var temp_top = menuTop - st
 
                $(".dropdown").css({"top": menubtnTop-7*44})
 
            }
 
            if(Math.abs(lastScrollTop - st) <= delta)
 
                return;
 
 
            if (st > navbarHeight){
 
                // scroll down
 
                $(".header").slideUp("fast"); // header hide
 
            } else {
 
                // scroll up
 
                if((st + $(window).height() < $(document).height()) && (st < $(".content").height()+185)) {
 
                    $(".header").slideDown("fast"); // header open
 
                }
 
            }
 
            lastScrollTop = st;
 
        }
 
        function MoveHomeBtn(){
 
            $('html, body').animate({scrollTop : 0}, 400);
 
        }
 
        function ShowSideNavBtn(){
 
            if(!menuOpen){
 
                menuOpen = true
 
                menuTop = $(this).scrollTop();
 
                var menubtnTop = $(".fixedBtnMenu").offset().top - 15;
 
                var menubtnLeft = $(".fixedBtnMenu").offset().left;
 
                $(".roundedBtnMenu").css({"background":"url('https://static.igem.org/mediawiki/2021/6/6a/T--Yonsei_Korea--button_fix.png')no-repeat 0 -110px, #9CA39E"})
 
                $(".dropdown").css({"visibility": "visible", "top": menubtnTop-7*44, "left":menubtnLeft-190})
 
                //$("body").css({"background":"rgba(0,0,0,0.6)","background-blend-mode": "overlay"})
 
            }else{
 
                menuOpen = false
 
                $(".roundedBtnMenu").css({"background":"url('https://static.igem.org/mediawiki/2021/6/6a/T--Yonsei_Korea--button_fix.png')no-repeat 0 -55px, #9CA39E"})
 
                $(".dropdown").css({"visibility": "hidden"})
 
                //$("body").css({"background":"rgba(0,0,0,0)","background-blend-mode": "overlay"})
 
            }
 
        }
 
    </script>
 
    <script>
 
        $(document).ready(function(){
 
            $("#ul_project").mouseover(function(){
 
                $("#li_project").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 
            });
 
            $("#ul_project").mouseout(function(){
 
                $("#li_project").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 
            });
 
            $("#li_project").mouseover(function(){
 
                $("#li_project").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 
            });
 
            $("#li_project").mouseout(function(){
 
                $("#li_project").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 
            });
 
 
            $("#ul_team").mouseover(function(){
 
                $("#li_team").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 
            });
 
            $("#ul_team").mouseout(function(){
 
                $("#li_team").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 
            });
 
            $("#li_team").mouseover(function(){
 
                $("#li_team").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 
            });
 
            $("#li_team").mouseout(function(){
 
                $("#li_team").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 
            });
 
 
            $("#ul_practice").mouseover(function(){
 
                $("#li_practice").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 
            });
 
            $("#ul_practice").mouseout(function(){
 
                $("#li_practice").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 
            });
 
            $("#li_practice").mouseover(function(){
 
                $("#li_practice").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 
            });
 
            $("#li_practice").mouseout(function(){
 
                $("#li_practice").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 
            });
 
 
            $("#ul_lab").mouseover(function(){
 
                $("#li_lab").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 
            });
 
            $("#ul_lab").mouseout(function(){
 
                $("#li_lab").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 
            });
 
            $("#li_lab").mouseover(function(){
 
                $("#li_lab").css({"color":"#FA853B", "background":"rgba(255,255,255,0.9)"});
 
            });
 
            $("#li_lab").mouseout(function(){
 
                $("#li_lab").css({"color":"#FFF", "background":"rgba(255,255,255,0)"});
 
            });
 
        });
 
    </script>
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 02:12, 12 October 2021

IGEM_YONSEI

Human Practices
Centered On:

Connection
Community
Cooperation

OVERVIEW

To develop a diagnosis tool in detecting the Magnaporthe oryzae fungi, we incorporated engineering along with synthetic biology into our research. Our goal was to develop a proof of concept for a detection system, which is simple but specific. Also, we aimed to design a tool that is easy to use and visualize, so that many people will be able to use it. Therefore, it was essential for us to incorporate the engineering design cycle: research → imagine (brainstorming) → design → test → learn & improve. We have optimized this in a way that is suitable and practical for our research.

We divided our research into two phases, and went through several iterations of the engineering design cycle for each phase. Phase 1 aimed to apply synthetic biology to develop a system that could specifically detect the Magnaporthe oryzae gene. Phase 2 aimed to apply nanoscience and technology to develop a colorimetry tool to visualize the specific detection, which is important for practical purposes.