Difference between revisions of "Team:NUS Singapore/HP/Silver"

Line 1: Line 1:
 +
 +
 
{{Team:NUS_Singapore/new_template}}
 
{{Team:NUS_Singapore/new_template}}
 +
{{Team:NUS_Singapore/Project_Main_CSS}}
 
{{Team:NUS_Singapore/CSS}}
 
{{Team:NUS_Singapore/CSS}}
−
<!DOCTYPE html>
+
{{Team:NUS_Singapore/CSS-Spatial}}
 
<html lang="en" class="no-js">
 
<html lang="en" class="no-js">
−
<head>
+
    <head>
−
<meta charset="UTF-8" />
+
        <meta charset="UTF-8" />
−
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
        <meta name="viewport" content="width=device-width, initial-scale=1">
−
<title>Interactive Points | Codrops</title>
+
        <title>Interactive Points | Codrops</title>
−
<meta name="keywords" content="opacity, background, hover, transparency, effect, css, html, javascript, template, point of interest, map" />
+
        <meta name="keywords" content="opacity, background, hover, transparency, effect, css, html, javascript, template, point of interest, map" />
−
<meta name="author" content="Codrops" />
+
        <meta name="author" content="Codrops" />
−
<link rel="shortcut icon" href="favicon.ico">
+
        <link rel="shortcut icon" href="favicon.ico">
−
 
+
  
−
<!-- <script src="js/modernizr.custom.js"></script> -->
+
        <!-- <script src="js/modernizr.custom.js"></script> -->
  
−
<!--[if IE]>
+
        <!--[if IE]>
−
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
−
<![endif]-->
+
        <![endif]-->
−
</head>
+
    </head>
−
<body>
+
    <body>
−
<main>
+
        <main>
−
<div id="st-container" class="st-container">
+
            <div id="st-container" class="st-container" style="background-color: white;">
−
<div class="st-pusher">
+
                <div class="st-pusher">
  
 
                     <!--Sidebar button-->
 
                     <!--Sidebar button-->
Line 32: Line 34:
 
                     <!--End of Sidebar button-->
 
                     <!--End of Sidebar button-->
  
−
<!--Header-->
+
                    <!--Header-->
−
<header id="ha-header" class="ha-header ha-header-large">
+
                    <header id="ha-header" class="ha-header ha-header-large">
−
<div class="ha-header-perspective">
+
                        <div class="ha-header-perspective">
−
<div id="header1" class="ha-header-front" style="height: 120px">
+
                            <div id="header1" class="ha-header-front" style="height: 120px">
−
<a href="https://2016.igem.org/Team:NUS_Singapore"><img id="nus_logo" src="https://static.igem.org/mediawiki/2016/1/1d/T--NUS_Singapore--header_left.png" style="height: 130%; margin-top: -10px; left: 0px; position: absolute;"/></a>
+
                                <a href="https://2016.igem.org/Team:NUS_Singapore"><img id="nus_logo" src="https://static.igem.org/mediawiki/2016/1/1d/T--NUS_Singapore--header_left.png" style="height: 130%; margin-top: -10px; left: 0px; position: absolute;"/></a>
−
<a href="http://www.science.nus.edu.sg"><img id="sci_logo" src="https://static.igem.org/mediawiki/2016/2/21/T--NUS_Singapore--NUS_Science_logo_grey.png" style="height: 70%; margin-top: 25px; right: 0px; position: absolute;"/></a>
+
                                <a href="http://www.science.nus.edu.sg"><img id="sci_logo" src="https://static.igem.org/mediawiki/2016/2/21/T--NUS_Singapore--NUS_Science_logo_grey.png" style="height: 70%; margin-top: 25px; right: 0px; position: absolute;"/></a>
−
<a href="http://sps.nus.edu.sg/alpha"><img id="sps_logo" src="https://static.igem.org/mediawiki/2016/e/ec/T--NUS_Singapore--SPS_Logo_High_Res_grey.png" style="height: 60%; margin-top: 25px; right: 280px; position: absolute;"/></a>
+
                                <a href="http://sps.nus.edu.sg/alpha"><img id="sps_logo" src="https://static.igem.org/mediawiki/2016/e/ec/T--NUS_Singapore--SPS_Logo_High_Res_grey.png" style="height: 60%; margin-top: 25px; right: 280px; position: absolute;"/></a>
−
<div style="height: 7%; background-color: rgb(217, 215, 215); width: 100%; bottom: 0px; left: 0px; position: absolute;"></div>
+
                                <div style="height: 7%; background-color: rgb(217, 215, 215); width: 100%; bottom: 0px; left: 0px; position: absolute;"></div>
−
</div>
+
                            </div>
−
<div class="ha-header-bottom" style="text-align: center;">
+
                            <div class="ha-header-bottom" style="text-align: center;">
−
<a><h1><a href="https://2016.igem.org/Team:NUS_Singapore" style="color: black; font-weight: lighter;">iGEM 2016 &nbsp; &nbsp; &nbsp; &nbsp; NUS SINGAPORE</a></h1></a>
+
                                <a><h1><a href="https://2016.igem.org/Team:NUS_Singapore" style="color: black; font-weight: lighter;">iGEM 2016 &nbsp; &nbsp; &nbsp; &nbsp; NUS SINGAPORE</a></h1></a>
−
</div>
+
                            </div>
−
</div>
+
                        </div>
−
</header>
+
                    </header>
−
<!--End of Header-->
+
                    <!--End of Header-->
  
−
<!--Side Bar-->
+
                    <!--Side Bar-->
 
                     <nav class="st-menu st-effect-1 list-group panel" id="menu-1" style="overflow: auto; z-index: 100; background-color: rgb(179, 179, 179);">
 
                     <nav class="st-menu st-effect-1 list-group panel" id="menu-1" style="overflow: auto; z-index: 100; background-color: rgb(179, 179, 179);">
 
<span><img src="https://static.igem.org/mediawiki/2016/1/1e/T--NUS_Singapore--practice.png" style="width: 30px; height: auto; top: 35px; left: 35px; position: absolute;"><h4 style=" left: 75px; top: 25px; position: absolute; font-size: 17px;">NUS_SINGAPORE</h4></span>
 
<span><img src="https://static.igem.org/mediawiki/2016/1/1e/T--NUS_Singapore--practice.png" style="width: 30px; height: auto; top: 35px; left: 35px; position: absolute;"><h4 style=" left: 75px; top: 25px; position: absolute; font-size: 17px;">NUS_SINGAPORE</h4></span>
−
                         <ul>
+
                         <ul style="margin-top: 40%">
 
                             <li><a class="icon icon-home" id="menu-item-1" href="https://2016.igem.org/Team:NUS_Singapore">Home</a></li>
 
                             <li><a class="icon icon-home" id="menu-item-1" href="https://2016.igem.org/Team:NUS_Singapore">Home</a></li>
 
                             <li><a class="icon icon-project" onclick="growDiv('2')" id="menu-item-2" href="https://2016.igem.org/Team:NUS_Singapore/Project">Project
 
                             <li><a class="icon icon-project" onclick="growDiv('2')" id="menu-item-2" href="https://2016.igem.org/Team:NUS_Singapore/Project">Project
Line 108: Line 110:
 
                         </ul>
 
                         </ul>
 
                     </nav>
 
                     </nav>
−
                     <!--End of Side Bar-->
+
                     <!--End of Side Bar-->
  
 +
                    <!--Sub header section-->
 +
                  <section id="main" class="wrapper">
 +
<div class="container">
 +
<header class="major special">
 +
<h2>Human Practices</h2>
 +
<p>Survey</p>
 +
</header>
 +
<hr/>
  
−
<section class="content content--related">
+
                            <header>
−
<ul class="copyright">
+
<a name="silver">
−
<li>&copy; NUS_Singapore iGEM 2016</li>
+
                                <p class="medium">Silver</p>
−
</ul>
+
                            </a>                           
−
</section>
+
                            </header>
 +
 
 +
                            <p>As developers of a cancer diagnostic tool, our team became interested in finding out what was the perception of such a method in Singapore. As laws regarding the use of such bacteria-based tools are not spelt out in detail to the public, we wanted to investigate how participants would react to such a medical procedure, what their concerns would be and how we could potentially address those concerns.</p><br>
 +
                            <p>We therefore carefully crafted a questionnaire — one that tackled several aspects of introducing a new medical procedure. This survey was distributed to all age groups in Singapore to access and thoroughly investigate the receptivity to bacterial cancer diagnosis and therapy. Questions were asked to participants on how they felt about such procedures in general, and they went on to identify their perceived safety level of this new tool. The most commonly listed medical and environmental risks were also extracted from the survey results. </p><br>
 +
                            <p>Examples of responses obtained from the survey administered in Singapore:</p><br><br>                           
 +
                           
 +
                            <div class="image captioned"><img src="images/human5.png"/></div><br>
 +
                            <div class="image captioned"><img src="images/human6.png"/></div>
 +
                           
 +
                            <p>Through the administering of this survey in Singapore, Hong Kong and Australia, we have managed to establish these key issues that enable us to further tackle them whilst integrating them with the RIOT System. </p><br>
 +
                            <hr/>
 +
                           
 +
 
 +
</div>
 +
</section>
 +
 
 +
 
 +
                    <section class="content content--related">
 +
                        <ul class="copyright">
 +
                            <li>&copy; NUS_Singapore iGEM 2016</li>
 +
                        </ul>
 +
                    </section>
 
<a href="#" class="go-top">Go To Top</a>
 
<a href="#" class="go-top">Go To Top</a>
−
</div><!-- /st-pusher -->
+
                </div><!-- /st-pusher -->
−
</div><!-- /st-container -->
+
            </div><!-- /st-container -->
−
</main>
+
        </main>
−
                <script>
+
<script>
−
                (function($) {
+
(function($) {
  
−
var setCss = function() {
+
                var setCss = function() {
−
if($(window).width() <= 900) {
+
                    if($(window).width() <= 900) {
−
$('#nus_logo').css('left', "10%");
+
                        $('#nus_logo').css('left', "10%");
−
$('#sci_logo').css('display', "none");
+
                        $('#sci_logo').css('display', "none");
−
$('#sps_logo').css('display', "none");
+
                        $('#sps_logo').css('display', "none");
−
}else{
+
                    }else{
−
$('#nus_logo').css('left', "0%");
+
                        $('#nus_logo').css('left', "0%");
−
$('#sci_logo').css('display', "block");
+
                        $('#sci_logo').css('display', "block");
−
$('#sps_logo').css('display', "block");
+
                        $('#sps_logo').css('display', "block");
−
}
+
                    }
−
};
+
                };
  
−
$(document).ready(function() {
+
                $(document).ready(function() {
−
setCss();
+
                    setCss();
−
$(window).resize(setCss);
+
                    $(window).resize(setCss);
−
});
+
                    });
  
−
})(jQuery);
+
            })(jQuery);
−
</script>
+
        </script>
−
</body>
+
    </body>
 
</html>
 
</html>
 
{{Team:NUS_Singapore/JS}}
 
{{Team:NUS_Singapore/JS}}

Revision as of 04:00, 16 October 2016


Interactive Points | Codrops

iGEM 2016         NUS SINGAPORE

Human Practices

Survey

Silver

As developers of a cancer diagnostic tool, our team became interested in finding out what was the perception of such a method in Singapore. As laws regarding the use of such bacteria-based tools are not spelt out in detail to the public, we wanted to investigate how participants would react to such a medical procedure, what their concerns would be and how we could potentially address those concerns.


We therefore carefully crafted a questionnaire — one that tackled several aspects of introducing a new medical procedure. This survey was distributed to all age groups in Singapore to access and thoroughly investigate the receptivity to bacterial cancer diagnosis and therapy. Questions were asked to participants on how they felt about such procedures in general, and they went on to identify their perceived safety level of this new tool. The most commonly listed medical and environmental risks were also extracted from the survey results.


Examples of responses obtained from the survey administered in Singapore:




Through the administering of this survey in Singapore, Hong Kong and Australia, we have managed to establish these key issues that enable us to further tackle them whilst integrating them with the RIOT System.


  • © NUS_Singapore iGEM 2016
Go To Top