|
|
(25 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| {{Template:Team:CHINA_CD_UESTC/menu}} | | {{Template:Team:CHINA_CD_UESTC/menu}} |
| + | {{Template:Team:CHINA_CD_UESTC/cssstyle}} |
| + | |
| + | |
| | | |
| <!DOCTYPE html> | | <!DOCTYPE html> |
− | <!-- saved from url=(0028)http://www.whitefrontier.ch/ -->
| + | <html> |
− | <html lang="en" class="js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths wf-brandongrotesque-i4-active wf-brandongrotesque-i7-active wf-brandongrotesque-n4-active wf-brandongrotesque-n7-active wf-dincondensedweb-n4-active wf-freightbigpro-i4-active wf-freightbigpro-i7-active wf-freightbigpro-n4-active wf-freightbigpro-n7-active wf-active"> | + | |
| <head> | | <head> |
| | | |
− | <link rel="stylesheet" href="https://2015.igem.org/Team:CHINA_CD_UESTC/Template:RightStyle.css?action=raw&ctype=text/css" type="text/css" />
| |
| </head> | | </head> |
| <style type="text/css"> | | <style type="text/css"> |
Line 31: |
Line 32: |
| | | |
| } | | } |
− | #firstTitle { | + | #RightContentText h3 { |
− | left:600px;
| + | padding: 40px 0 12px 0; |
− | | + | text-align: left; |
| + | } |
| + | #RightContentText a { |
| + | color:#007D92; |
| } | | } |
| </style> | | </style> |
Line 46: |
Line 50: |
| <div id="RightContent"> | | <div id="RightContent"> |
| <div class="transparent_class "> | | <div class="transparent_class "> |
− | <p class="blockWords"> We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives.</p> | + | <p class="blockWords"> We try our best to list the security considerations of our project design here. But it is clear that we still cannot guarantee that we have put all of the safety factors into consideration. So, if we cannot give you a satisfaction answer on this page, please contact us, and we will give you an explanation of our project that is safe.</p> |
| </div> | | </div> |
| | | |
| <div id="RightContentText"> | | <div id="RightContentText"> |
− | <div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
| |
− | <div class="container clearfix">
| |
− |
| |
− | <div id="content" class="grid_12">
| |
− | <h2>About Me</h2>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− |
| |
− | <div id="content">
| |
− | <div class="grid_8">
| |
− | <h4>Biography</h4>
| |
− | <p>Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus. Integer neque dolor, rhoncus nec euismod eget, pharetra et tortor. Nulla id pulvinar nunc. Vestibulum auctor nisl vel lectus ullamcorper sed pellentesque dolor eleifend. Praesent lobortis magna vel diam mattis sagittis.</p>
| |
− | <p>Mauris porta odio eu risus scelerisque id facilisis ipsum dictum vitae volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar neque eu purus sollicitudin et sollicitudin dui ultricies. Maecenas cursus auctor tellus sit amet blandit. Maecenas a erat ac nibh molestie interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lorem enim, ultricies sed sodales id, convallis molestie ipsum. Morbi eget dolor ligula. Vivamus accumsan rutrum nisi nec elementum. Pellentesque at nunc risus. Phasellus ullamcorper bibendum varius. Quisque quis ligula sit amet felis ornare porta. Aenean viverra lacus et mi elementum mollis. Praesent eu justo elit.</p>
| |
− | </div>
| |
− | <div class="grid_4 omega">
| |
− | <h4>Personal Info</h4>
| |
− | <ul class="det_inf">
| |
− | <li class="phone">(+1) 245 5462 252</li>
| |
− | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li>
| |
− | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li>
| |
− | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li>
| |
− | </ul>
| |
− | <h4>My Recent Tweets</h4>
| |
− | <div class="ftr_twit">
| |
− | <div class="tweet_block"><p class="loading">loading tweets...</p></div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="slide" id="slide2" data-slide="4" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
| |
− | <div class="container clearfix">
| |
− |
| |
− | <div id="content" class="grid_12">
| |
− | <h2>About Me</h2>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− |
| |
− | <div id="content">
| |
− | <div class="grid_8">
| |
− | <h4>Biography</h4>
| |
− | <p>Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus. Integer neque dolor, rhoncus nec euismod eget, pharetra et tortor. Nulla id pulvinar nunc. Vestibulum auctor nisl vel lectus ullamcorper sed pellentesque dolor eleifend. Praesent lobortis magna vel diam mattis sagittis.</p>
| |
− | <p>Mauris porta odio eu risus scelerisque id facilisis ipsum dictum vitae volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar neque eu purus sollicitudin et sollicitudin dui ultricies. Maecenas cursus auctor tellus sit amet blandit. Maecenas a erat ac nibh molestie interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lorem enim, ultricies sed sodales id, convallis molestie ipsum. Morbi eget dolor ligula. Vivamus accumsan rutrum nisi nec elementum. Pellentesque at nunc risus. Phasellus ullamcorper bibendum varius. Quisque quis ligula sit amet felis ornare porta. Aenean viverra lacus et mi elementum mollis. Praesent eu justo elit.</p>
| |
− | </div>
| |
− | <div class="grid_4 omega">
| |
− | <h4>Personal Info</h4>
| |
− | <ul class="det_inf">
| |
− | <li class="phone">(+1) 245 5462 252</li>
| |
− | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li>
| |
− | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li>
| |
− | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li>
| |
− | </ul>
| |
− | <h4>My Recent Tweets</h4>
| |
− | <div class="ftr_twit">
| |
− | <div class="tweet_block"><p class="loading">loading tweets...</p></div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="slide" id="slide2" data-slide="6" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
| |
− | <div class="container clearfix">
| |
− |
| |
− | <div id="content" class="grid_12">
| |
− | <h2>About Me</h2>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− |
| |
− | <div id="content">
| |
− | <div class="grid_8">
| |
− | <h4>Biography</h4>
| |
− | <p>Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus. Integer neque dolor, rhoncus nec euismod eget, pharetra et tortor. Nulla id pulvinar nunc. Vestibulum auctor nisl vel lectus ullamcorper sed pellentesque dolor eleifend. Praesent lobortis magna vel diam mattis sagittis.</p>
| |
− | <p>Mauris porta odio eu risus scelerisque id facilisis ipsum dictum vitae volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar neque eu purus sollicitudin et sollicitudin dui ultricies. Maecenas cursus auctor tellus sit amet blandit. Maecenas a erat ac nibh molestie interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lorem enim, ultricies sed sodales id, convallis molestie ipsum. Morbi eget dolor ligula. Vivamus accumsan rutrum nisi nec elementum. Pellentesque at nunc risus. Phasellus ullamcorper bibendum varius. Quisque quis ligula sit amet felis ornare porta. Aenean viverra lacus et mi elementum mollis. Praesent eu justo elit.</p>
| |
− | </div>
| |
− | <div class="grid_4 omega">
| |
− | <h4>Personal Info</h4>
| |
− | <ul class="det_inf">
| |
− | <li class="phone">(+1) 245 5462 252</li>
| |
− | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li>
| |
− | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li>
| |
− | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li>
| |
− | </ul>
| |
− | <h4>My Recent Tweets</h4>
| |
− | <div class="ftr_twit">
| |
− | <div class="tweet_block"><p class="loading">loading tweets...</p></div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="slide" id="slide2" data-slide="4" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
| |
− | <div class="container clearfix">
| |
− |
| |
− | <div id="content" class="grid_12">
| |
− | <h2>About Me</h2>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− |
| |
− | <div id="content">
| |
− | <div class="grid_8">
| |
− | <h4>Biography</h4>
| |
− | <p>Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus. Integer neque dolor, rhoncus nec euismod eget, pharetra et tortor. Nulla id pulvinar nunc. Vestibulum auctor nisl vel lectus ullamcorper sed pellentesque dolor eleifend. Praesent lobortis magna vel diam mattis sagittis.</p>
| |
− | <p>Mauris porta odio eu risus scelerisque id facilisis ipsum dictum vitae volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar neque eu purus sollicitudin et sollicitudin dui ultricies. Maecenas cursus auctor tellus sit amet blandit. Maecenas a erat ac nibh molestie interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lorem enim, ultricies sed sodales id, convallis molestie ipsum. Morbi eget dolor ligula. Vivamus accumsan rutrum nisi nec elementum. Pellentesque at nunc risus. Phasellus ullamcorper bibendum varius. Quisque quis ligula sit amet felis ornare porta. Aenean viverra lacus et mi elementum mollis. Praesent eu justo elit.</p>
| |
− | </div>
| |
− | <div class="grid_4 omega">
| |
− | <h4>Personal Info</h4>
| |
− | <ul class="det_inf">
| |
− | <li class="phone">(+1) 245 5462 252</li>
| |
− | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li>
| |
− | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li>
| |
− | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li>
| |
− | </ul>
| |
− | <h4>My Recent Tweets</h4>
| |
− | <div class="ftr_twit">
| |
− | <div class="tweet_block"><p class="loading">loading tweets...</p></div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− |
| |
| <div class="slide" id="slide2" data-slide="8" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;"> | | <div class="slide" id="slide2" data-slide="8" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;"> |
| <div class="container clearfix"> | | <div class="container clearfix"> |
− |
| |
− | <div id="content" class="grid_12">
| |
− | <h2>About Me</h2>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− |
| |
| <div id="content"> | | <div id="content"> |
| <div class="grid_8"> | | <div class="grid_8"> |
− | <h4>Biography</h4>
| + | <p>Biosafety is about the intrinsic hazards of living organisms and how to handle them safely. Genetic material as such (‘naked’ DNA) can be dangerous as well. Before starting to work with pathogens or genetically modified organisms (GMOs) in a laboratory, one should stop and think about the possible hazards of these organisms, and take proportionate measures to minimise any risks for human health and the environment. ....Safety first...! (Biosafety in the laboratory 3rd, revised edition)</p><br> |
− | <p>Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus. Integer neque dolor, rhoncus nec euismod eget, pharetra et tortor. Nulla id pulvinar nunc. Vestibulum auctor nisl vel lectus ullamcorper sed pellentesque dolor eleifend. Praesent lobortis magna vel diam mattis sagittis.</p> | + | <p>Prevention and control measures we have taken are mainly concentrated in the following aspects:</p><br> |
− | <p>Mauris porta odio eu risus scelerisque id facilisis ipsum dictum vitae volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar neque eu purus sollicitudin et sollicitudin dui ultricies. Maecenas cursus auctor tellus sit amet blandit. Maecenas a erat ac nibh molestie interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lorem enim, ultricies sed sodales id, convallis molestie ipsum. Morbi eget dolor ligula. Vivamus accumsan rutrum nisi nec elementum. Pellentesque at nunc risus. Phasellus ullamcorper bibendum varius. Quisque quis ligula sit amet felis ornare porta. Aenean viverra lacus et mi elementum mollis. Praesent eu justo elit.</p> | + | <h3>Researcher</h3> |
− | </div>
| + | <p>Our researchers are all professional trained and watched <a href="https://igem.org/Videos/Responsible_Conduct_in_Synthetic_Biology">the video </a>about safe project design. When doing experiments, everyone is demanded to wear lab coat and gloves to avoid contacting with poisonous chemicals and bacteria, besides, researchers must be according to the Standard operating procedure. <br></p><br> |
− | <div class="grid_4 omega">
| + | <h3>Bacteria</h3> |
− | <h4>Personal Info</h4> | + | <p>The <i>E.coli</i> we used in our project are <i>DH5α</i>、<i>JM109</i>、<i>BL21(DE3)</i> and <i>MC1061</i>,which are all modified strains and non-pathogen. The Magnetospirillum gryphiswaldense <i>MSR-1</i> is also belong to the <strong>risk group 1</strong> organisms.<br></p><br> |
− | <ul class="det_inf"> | + | |
− | <li class="phone">(+1) 245 5462 252</li>
| + | <h3>Material</h3> |
− | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li>
| + | <p>The vectors that used in our project are commercial. Our parts, both basic parts and devices, are all taken from risk group 1 organisms and therefore do not contain nor mimic any virulence factors. This would be indicative that our system is a very low hazardousness. <br></p><br> |
− | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li>
| + | <h3>Bio-waste</h3> |
− | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li>
| + | <p>Any waste containing bacteria are requested to autoclaved before be carried out laboratory. Make the dissemination of organisms or genetic material to the environment undesired minimized. <br></p> <br> |
− | </ul>
| + | |
− | <h4>My Recent Tweets</h4>
| + | |
− | <div class="ftr_twit"> | + | |
− | <div class="tweet_block"><p class="loading">loading tweets...</p></div>
| + | |
− | </div> | + | |
| </div> | | </div> |
| <div class="clear"></div> | | <div class="clear"></div> |
| | | |
− | </div> | + | </div> |
− |
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 227: |
Line 80: |
| | | |
| <div id="content" class="grid_12"> | | <div id="content" class="grid_12"> |
− | <h2>About Me</h2> | + | <h3>Questions and answers</h3> |
| </div> | | </div> |
| <div class="clear"></div> | | <div class="clear"></div> |
Line 233: |
Line 86: |
| <div id="content"> | | <div id="content"> |
| <div class="grid_8"> | | <div class="grid_8"> |
− | <h4>Biography</h4> | + | <p><strong>1. Is there exist any of chemistry in your project raise safety issues to researchers?</strong></p> |
− | <p>Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus. Integer neque dolor, rhoncus nec euismod eget, pharetra et tortor. Nulla id pulvinar nunc. Vestibulum auctor nisl vel lectus ullamcorper sed pellentesque dolor eleifend. Praesent lobortis magna vel diam mattis sagittis.</p>
| + | <p>Answer: There are no hazardous chemicals that we used in the laboratory except for Ethidium Bromide that we used in a special place for gel visualization and some buffers used in commercially available kits. In addition, our researchers are all trained and they have a good knowledge of protecting themselves and making the public safety.</p><br> |
− | <p>Mauris porta odio eu risus scelerisque id facilisis ipsum dictum vitae volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar neque eu purus sollicitudin et sollicitudin dui ultricies. Maecenas cursus auctor tellus sit amet blandit. Maecenas a erat ac nibh molestie interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lorem enim, ultricies sed sodales id, convallis molestie ipsum. Morbi eget dolor ligula. Vivamus accumsan rutrum nisi nec elementum. Pellentesque at nunc risus. Phasellus ullamcorper bibendum varius. Quisque quis ligula sit amet felis ornare porta. Aenean viverra lacus et mi elementum mollis. Praesent eu justo elit.</p> | + | <p><strong>2. If your genetically modified organisms (GMOs) disseminate to the environment undesired what are the risks resulting? </strong></p> |
− | </div>
| + | <p>Answer: The bacterium we use are all modified, they are not able to grow outside the lab environment. Even cleaner can kill them easily.</p><br> |
− | <div class="grid_4 omega">
| + | <p><strong>3. Do any of the new BioBrick parts that you made this year raise any safety issues?</strong></p> |
− | <h4>Personal Info</h4>
| + | <p>Answer: Our parts are all taken from risk group 1 organisms. We have followed all the safety procedures during the isolation process from the cells and we successfully isolated the DNA without any problems that will raise safety issues.</p><br> |
− | <ul class="det_inf">
| + | <p><strong>4. Do you think your project exist any other potential risk?</strong></p> |
− | <li class="phone">(+1) 245 5462 252</li>
| + | <p>Answer: I can not say that our project is absolutely safe, as for the potential risk, it is of great concern to avoid the spread of antibiotic resistance. All our constructs are based on non - antibiotic - resistance bacteria, which couldn't transfer resistance genes to other bacteria, in case of leakage.</p><br> |
− | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li>
| + | <p><strong>All in all,</strong> even though there could potentially be some risks related to our project, it is safe enough to continue our project. As members of the synthetic biology community, we promise that we are responsible for the safety of the biological device and equipment which we designed, built and shared.</p><br> |
− | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li>
| + | |
− | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li>
| + | |
− | </ul> | + | |
− | <h4>My Recent Tweets</h4> | + | |
− | <div class="ftr_twit"> | + | |
− | <div class="tweet_block"><p class="loading">loading tweets...</p></div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| <div class="clear"></div> | | <div class="clear"></div> |
Line 257: |
Line 103: |
| </div> | | </div> |
| | | |
− | <div class="slide" id="slide2" data-slide="12" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;">
| |
− | <div class="container clearfix">
| |
− |
| |
− | <div id="content" class="grid_12">
| |
− | <h2>About Me</h2>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− |
| |
− | <div id="content">
| |
− | <div class="grid_8">
| |
− | <h4>Biography</h4>
| |
− | <p>Morbi rutrum, elit ac fermentum egestas, tortor ante vestibulum est, eget scelerisque nisl velit eget tellus. Fusce porta facilisis luctus. Integer neque dolor, rhoncus nec euismod eget, pharetra et tortor. Nulla id pulvinar nunc. Vestibulum auctor nisl vel lectus ullamcorper sed pellentesque dolor eleifend. Praesent lobortis magna vel diam mattis sagittis.</p>
| |
− | <p>Mauris porta odio eu risus scelerisque id facilisis ipsum dictum vitae volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar neque eu purus sollicitudin et sollicitudin dui ultricies. Maecenas cursus auctor tellus sit amet blandit. Maecenas a erat ac nibh molestie interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed lorem enim, ultricies sed sodales id, convallis molestie ipsum. Morbi eget dolor ligula. Vivamus accumsan rutrum nisi nec elementum. Pellentesque at nunc risus. Phasellus ullamcorper bibendum varius. Quisque quis ligula sit amet felis ornare porta. Aenean viverra lacus et mi elementum mollis. Praesent eu justo elit.</p>
| |
− | </div>
| |
− | <div class="grid_4 omega">
| |
− | <h4>Personal Info</h4>
| |
− | <ul class="det_inf">
| |
− | <li class="phone">(+1) 245 5462 252</li>
| |
− | <li class="address">3301 Lorem Ipsum, Dolor Sit St</li>
| |
− | <li class="pers_mail"><a href="javascript:void(0);">support@lorem.com</a></li>
| |
− | <li class="pers_site"><a href="javascript:void(0);">www.lorem.com</a></li>
| |
− | </ul>
| |
− | <h4>My Recent Tweets</h4>
| |
− | <div class="ftr_twit">
| |
− | <div class="tweet_block"><p class="loading">loading tweets...</p></div>
| |
− | </div>
| |
− | </div>
| |
− | <div class="clear"></div>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
| | | |
− |
| |
− |
| |
− | </div>
| |
| </div> | | </div> |
| </div> | | </div> |