Ricklee1998 (Talk | contribs) |
Ricklee1998 (Talk | contribs) |
||
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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 02:12, 12 October 2021
Human Practices
Centered On:
Connection
Community
Cooperation
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.