Difference between revisions of "Team:SMMU-China/Safety"

(Prototype team page)
 
Line 1: Line 1:
 
{{SMMU-China}}
 
{{SMMU-China}}
 
<html>
 
<html>
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:SMMU-China/CSS_main?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_ToTheTop&action=raw&ctype=text/css" />
 +
<div id="page-wrapper">
 +
<!-- Header -->
 +
<section id="header">
  
 +
<!-- Logo -->
 +
<h1><a href="https://2018.igem.org/Team:SMMU-China">Ca<sup>2+</sup>RTIN</a></h1>
  
−
<div class="column full_size">
+
<!-- Nav -->
 +
<nav id="nav">
 +
<ul>
 +
<li ><a href="https://2018.igem.org/Team:SMMU-China">Home</a></li>
 +
<li >
 +
<a>Project</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Description">Description</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Design">Design</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Experiments">Experiments</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Project/Overview">Overview</a></li>
 +
</ul>
 +
</li>
 +
<li >
 +
<a>Result</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Demonstrate">Demonstrate</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Basic_Part">Basic Part</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Composite">Composite</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Result/Part_Collection">Part Collection</a></li>
 +
</ul>
 +
</li>
 +
<li class="current">
 +
<a>Lab</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Lab/Safety_Interlab">Safety & Interlab</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Lab/Notebook">Notebook</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>Modeling</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Modeling/Model">Model</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Modeling/Software">Software</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>HP</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/HP/Questionaire-interview">Questionaire-interview</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/HP/Collaboration">Collaboration</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a>Team</a>
 +
<ul>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Team/Team_Members">Team Members</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Team/Acknowledgement">Acknowledgement</a></li>
 +
<li><a href="https://2018.igem.org/Team:SMMU-China/Team/Attributions">Attributions</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</nav>
  
−
<h1> Safety </h1>
+
</section>
−
<p>Please visit the <a href="https://2018.igem.org/Safety">Safety Hub</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
  
−
<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>
+
<!-- Main -->
 +
<section id="main">
 +
<div class="container">
  
−
</div>
+
<!-- Content -->
 +
<article class="box post">
 +
<header>
 +
<h2>No Sidebar</h2>
 +
<p>Lorem ipsum dolor sit amet feugiat</p>
 +
</header>
 +
<p>
 +
Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor
 +
hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo.
 +
Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.
 +
Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus.
 +
Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor
 +
hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo.
 +
Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.
 +
</p>
 +
<p>
 +
Praesent a dolor leo. Duis in felis in tortor lobortis volutpat et pretium tellus. Vestibulum ac ante nisl,
 +
a elementum odio. Duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
 +
placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.
 +
</p>
 +
<section>
 +
<header>
 +
<h3>Something else</h3>
 +
</header>
 +
<p>
 +
Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
 +
placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
 +
sit amet nullam consequat feugiat dolore tempus.
 +
Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
 +
placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.
 +
</p>
 +
<p>
 +
Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
 +
sit amet nullam consequat feugiat dolore tempus.
 +
</p>
 +
</section>
 +
<section>
 +
<header>
 +
<h3>So in conclusion ...</h3>
 +
</header>
 +
<p>
 +
Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
 +
eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
 +
elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
 +
sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et lectus commodo fringilla.
 +
Maecenas sagittis convallis justo vel mattis.
 +
</p>
 +
</section>
 +
</article>
  
 +
</div>
 +
</section>
  
−
<div class="column two_thirds_size">
+
<!-- Footer -->
−
<h3>Safe Project Design</h3>
+
<section id="footer">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-7 col-12-medium">
 +
<section>
 +
<header>
 +
<h2>Brief report</h2>
 +
</header>
 +
<ul class="dates">
 +
<li>
 +
<span class="date">Sept <strong>27</strong></span>
 +
<h3><a href="#">Mathematical modeling</a></h3>
 +
<p>We have finished mathematical modeling for our project.</p>
 +
</li>
 +
<li>
 +
<span class="date">Sept <strong>7</strong></span>
 +
<h3><a href="#">CCiC conference</a></h3>
 +
<p>We attended the conference of China iGEMer community this week.</p>
 +
</li>
 +
<li>
 +
<span class="date">Sept <strong>1</strong></span>
 +
<h3><a href="#">Wiki online</a></h3>
 +
<p>Start building our Wiki Website.</p>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="col-5 col-12-medium">
 +
<section>
 +
<header>
 +
<h2>Wanna contact us?</h2>
 +
</header>
 +
<!-- <ul class="social">
 +
<li><a class="icon fa-facebook" href="#"><span class="label">Facebook</span></a></li>
 +
<li><a class="icon fa-twitter" href="#"><span class="label">Twitter</span></a></li>
 +
<li><a class="icon fa-dribbble" href="#"><span class="label">Dribbble</span></a></li>
 +
<li><a class="icon fa-tumblr" href="#"><span class="label">Tumblr</span></a></li>
 +
<li><a class="icon fa-linkedin" href="#"><span class="label">LinkedIn</span></a></li>
 +
</ul> -->
 +
<ul class="contact">
 +
<li>
 +
<h3>Address</h3>
 +
<p>
 +
3rd floor, Library building<br />
 +
Second Military Medical University<br />
 +
800 Xiangyin Road, Yangpu, Shanghai, China
 +
</p>
 +
</li>
 +
<li>
 +
<h3>E-Mail</h3>
 +
<p><a href="mailto:hus@smmu.edu.cn">hus@smmu.edu.cn</a></p>
 +
</li>
 +
<li>
 +
<h3>Phone</h3>
 +
<p>+86 13701692043</p>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="col-12">
  
−
<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>
+
<!-- Copyright -->
−
 
+
<div id="copyright">
−
<ul>
+
<ul class="links">
−
<li>Choosing a non-pathogenic chassis</li>
+
<li>&copy; Untitled. All rights reserved.</li>
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
<!-- <li>Design: <a href="http://html5up.net">HTML5 UP</a></li> -->
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
</ul>
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
</div>
−
</ul>
+
</div>
−
 
+
</div>
−
</div>
+
</div>
−
 
+
</section>
−
<div class="column third_size">
+
<div id="shangxia2">
−
<h3>Safe Lab Work</h3>
+
<span id="gotop1">
−
 
+
<img src="https://static.igem.org/mediawiki/2018/a/a0/T--SMMU-China--rocket.svg" alt="to the top">
−
<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>
+
</span>
−
 
+
</div>
−
 
+
</div>
−
<h3>Safe Shipment</h3>
+
−
 
+
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
−
</div>
+
  
 +
<!-- Scripts -->
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_jquery_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_jquery_dropotron_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_browser_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_breakpoints_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_util?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_main?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_RocketJquery_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_RocketScrollToPlugin_min?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/Template:SMMU-China/JS_RocketTweenMax_min?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
$(function() {
 +
$("#gotop1").click(function(e) {
 +
  TweenMax.to(window, 1.5, {scrollTo:0, ease: Expo.easeInOut});
 +
  var huojian = new TimelineLite();
 +
huojian.to("#gotop1", 1, {rotationY:720, scale:0.6, y:"+=40", ease:  Power4.easeOut})
 +
.to("#gotop1", 1, {y:-1000, opacity:0, ease:  Power4.easeOut}, 0.6)
 +
.to("#gotop1", 1, {y:0, rotationY:0, opacity:1, scale:1, ease: Expo.easeOut, clearProps: "all"}, "1.4");
 +
});
 +
});
 +
</script>
  
 +
<p id="last_p_label">
 
</html>
 
</html>

Revision as of 06:20, 2 October 2018

No Sidebar

Lorem ipsum dolor sit amet feugiat

Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo. Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante. Pellentesque tempus nulla non urna eleifend ut ultrices nisi faucibus. Vestibulum scelerisque ultricies libero id hendrerit. Vivamus malesuada quam faucibus ante dignissim auctor hendrerit libero placerat. Nulla facilisi. Proin aliquam felis non arcu molestie at accumsan turpis commodo. Proin elementum, nibh non egestas sodales, augue quam aliquet est, id egestas diam justo adipiscing ante.

Praesent a dolor leo. Duis in felis in tortor lobortis volutpat et pretium tellus. Vestibulum ac ante nisl, a elementum odio. Duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis. placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.

Something else

Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis. placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis. placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.

Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet nullam consequat feugiat dolore tempus.

So in conclusion ...

Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.

to the top