Difference between revisions of "Team:NUS Singapore/Safety"

(Prototype team page)
 
Line 1: Line 1:
−
{{NUS_Singapore}}
+
{{Team:NUS_Singapore/new_template}}
−
<html>
+
{{Team:NUS_Singapore/CSS}}
 +
<!DOCTYPE html>
 +
<html lang="en" class="no-js">
 +
<head>
 +
<meta charset="UTF-8" />
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<title>Interactive Points | Codrops</title>
 +
<meta name="keywords" content="opacity, background, hover, transparency, effect, css, html, javascript, template, point of interest, map" />
 +
<meta name="author" content="Codrops" />
 +
<link rel="shortcut icon" href="favicon.ico">
  
  
−
<div class="column full_size">
+
<!-- <script src="js/modernizr.custom.js"></script> -->
  
 +
<!--[if IE]>
 +
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 +
<![endif]-->
 +
</head>
 +
<body>
 +
<main>
 +
<div id="st-container" class="st-container">
 +
<div class="st-pusher">
  
−
<p>Please visit <a href="https://2016.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
<!--Sidebar button-->
 +
<div id="st-trigger-effects">
 +
<button data-effect="st-effect-1" class="button button--rayen button--border button--round-m" data-text="More" style="z-index: 100">
 +
<span><img src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png"></span>
 +
</button>
 +
</div>
 +
<!--End of Sidebar button-->
  
−
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
<!--Header-->
 +
<header id="ha-header" class="ha-header ha-header-large">
 +
<div class="ha-header-perspective">
 +
<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="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>
 +
<div style="height: 7%; background-color: rgb(217, 215, 215); width: 100%; bottom: 0px; left: 0px; position: absolute;"></div>
 +
</div>
 +
<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>
 +
</div>
 +
</div>
 +
</header>
 +
<!--End of Header-->
  
−
</div>
+
<!--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);">
 +
<ul>
 +
<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
 +
<span><img id="sidebar-arrow-2" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"></span></a>
 +
<div class="grow" id="grow-2">
 +
<div class='measuringWrapper'>
 +
  <a href="https://2016.igem.org/Team:NUS_Singapore/Project/Wet_Lab" class="list-group-item" style="color: rgb(179, 179, 179);">Wet Lab</a>
 +
  <a href="https://2016.igem.org/Team:NUS_Singapore/Project/Modelling" class="list-group-item" style="color: rgb(179, 179, 179);">Modelling</a>
 +
</div>
 +
</div>
 +
</li>
 +
<li><a class="icon icon-practice" onclick="growDiv('3')" id="menu-item-3" href="#">Human Practices
 +
<span><img id="sidebar-arrow-3" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"><span></a>
 +
<div class="grow" id="grow-3">
 +
<div class='measuringWrapper'>
 +
  <a href="https://2016.igem.org/Team:NUS_Singapore/HP/Gold" class="list-group-item" style="color: rgb(179, 179, 179);">Business Plan</a>
 +
</div>
 +
</div>
 +
</li>
 +
<li><a class="icon icon-collaboration" onclick="growDiv('4')" id="menu-item-4" href="#">Collaborations
 +
                                                                <span><img id="sidebar-arrow-4" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"></span></a>
 +
<div class="grow" id="grow-4">
 +
<div class='measuringWrapper'>
 +
  <a href="https://2016.igem.org/Team:NUS_Singapore/Collaborations" class="list-group-item" style="color: rgb(179, 179, 179);">Melbourne</a>
 +
  <a href="https://2016.igem.org/Team:NUS_Singapore/Collaborations" class="list-group-item" style="color: rgb(179, 179, 179);">Hong_Kong_HKU</a>
 +
  <a href="https://2016.igem.org/Team:NUS_Singapore/Collaborations" class="list-group-item" style="color: rgb(179, 179, 179);">ETH_Zurich</a>
 +
</div>
 +
</div>
 +
</li>
 +
<li><a class="icon icon-safety" id="menu-item-5" href="https://2016.igem.org/Team:NUS_Singapore/Safety">Safety</a></li>
 +
<li><a class="icon icon-team" id="menu-item-6" href="https://2016.igem.org/Team:NUS_Singapore/Team">Team</a></li>
 +
<li><a class="icon icon-notebook"  id="menu-item-7" onclick="growDiv('7')"  href="https://2016.igem.org/Team:NUS_Singapore/Notebook">Notebook
 +
<span><img id="sidebar-arrow-7" src="https://static.igem.org/mediawiki/2016/c/ce/T--NUS_Singapore--scroll-down-arrow.png" style="position: relative; height: 20px; float: right;"></span></a>
 +
<div class="grow" id="grow-7">
 +
<div class='measuringWrapper'>
 +
  <a href="https://2016.igem.org/Team:NUS_Singapore/Notebook/Group1" class="list-group-item" style="color: rgb(179, 179, 179);">I. RIOT Sensor</a>
 +
  <a href="https://2016.igem.org/Team:NUS_Singapore/Notebook/Group2" class="list-group-item" style="color: rgb(179, 179, 179);">II. RIOT Responder</a>
 +
  <a href="https://2016.igem.org/Team:NUS_Singapore/Notebook/Group3" class="list-group-item" style="color: rgb(179, 179, 179);">III. RIOT Invader</a>
 +
</div>
 +
</div>
 +
</li>
 +
<li><a class="icon icon-acknowledgement" id="menu-item-8" href="https://2016.igem.org/Team:NUS_Singapore/Attributions">Attributions</a></li>
 +
</ul>
 +
</nav>
 +
<!--End of Side Bar-->
  
  
−
<div class="column full_size">
+
<section class="content content--related">
−
<h5>Safe Project Design</h5>
+
<ul class="copyright">
 +
<li>&copy; NUS_Singapore iGEM 2016</li>
 +
</ul>
 +
</section>
 +
</div><!-- /st-pusher -->
 +
</div><!-- /st-container -->
 +
</main>
 +
                <script>
 +
                (function($) {
  
−
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
var setCss = function() {
−
 
+
if($(window).width() <= 900) {
−
<ul>
+
$('#nus_logo').css('left', "10%");
−
<li>Choosing a non-pathogenic chassis</li>
+
$('#sci_logo').css('display', "none");
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
$('#sps_logo').css('display', "none");
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
}else{
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
$('#nus_logo').css('left', "0%");
−
</ul>
+
$('#sci_logo').css('display', "block");
−
 
+
$('#sps_logo').css('display', "block");
−
</div>
+
}
−
 
+
};
−
<div class="column half_size">
+
−
<h5>Safe Lab Work</h5>
+
−
 
+
−
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column half_size">
+
−
<h5>Safe Shipment</h5>
+
−
 
+
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
−
</div>
+
  
 +
$(document).ready(function() {
 +
setCss();
 +
$(window).resize(setCss);
 +
});
  
 +
})(jQuery);
 +
</script>
 +
</body>
 
</html>
 
</html>
 +
{{Team:NUS_Singapore/JS}}

Revision as of 14:23, 13 October 2016

<!DOCTYPE html> Interactive Points | Codrops