|
|
Line 3: |
Line 3: |
| <!DOCTYPE html> | | <!DOCTYPE html> |
| <!-- saved from url=(0028)http://www.whitefrontier.ch/ --> | | <!-- saved from url=(0028)http://www.whitefrontier.ch/ --> |
− | <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"> | + | <html> |
| <head> | | <head> |
| | | |
Line 50: |
Line 50: |
| | | |
| <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"> |
| + | <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>Prevention and control measures we have taken are mainly concentrated in the following aspects:</p><br> |
| + | <h4>Researcher:</h4> |
| + | <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 white coat and gloves to avoid contacting with poisonous chemicals and bacteria, besides, researchers must be according to the Standard operating procedure. </p> |
| + | <h4>Bacteria:</h4> |
| + | <p>The E.coli we used in our project are DH5α、JM109、BL21(DE3) and MC1061,which are all modified strains and non-pathogen. The Magnetospirillum gryphiswaldense MSR-1 is also belong to the risk group 1 organisms.</p> |
| <h4>Biography</h4> | | <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>The E.coli we used in our project are DH5α、JM109、BL21(DE3) and MC1061,which are all modified strains and non-pathogen. The Magnetospirillum gryphiswaldense MSR-1 is also belong to the risk group 1 organisms.</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>
| + | <h4>Material:</h4> |
− | </div>
| + | <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. </p> |
− | <div class="grid_4 omega">
| + | <h4>Bio-waste:</h4> |
− | <h4>Personal Info</h4> | + | <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. </p> |
− | <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> |
| <div class="clear"></div> | | <div class="clear"></div> |
| | | |
− | </div> | + | </div> |
− |
| + | |
| </div> | | </div> |
| </div> | | </div> |
Line 227: |
Line 77: |
| | | |
| <div id="content" class="grid_12"> | | <div id="content" class="grid_12"> |
− | <h2>About Me</h2> | + | <h2>Questions and answers</h2> |
| </div> | | </div> |
| <div class="clear"></div> | | <div class="clear"></div> |
Line 233: |
Line 83: |
| <div id="content"> | | <div id="content"> |
| <div class="grid_8"> | | <div class="grid_8"> |
− | <h4>Biography</h4> | + | <h4>1. Is there exist any of chemistry in your project raise safety issues to researchers?</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>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> |
− | <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> | + | <h4>2. If your genetically modified organisms (GMOs) disseminate to the environment undesired what are the risks resulting? </h4> |
− | </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> |
− | <div class="grid_4 omega">
| + | <h4>3. Do any of the new BioBrick parts that you made this year raise any safety issues?</h4> |
− | <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> |
− | <ul class="det_inf"> | + | <h4>4. Do you think your project exist any other potential risk?</h4> |
− | <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 made on antibiotic-resistant bacteria, which could, potentially, transfer resistance genes to other bacteria, in case of leakage.</p> |
− | <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 with our project. As members of the synthetic biology community, we promise that we are responsible for living up to the trust placed in you to design, build, and share biological devices safely. </p> |
− | <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 100: |
| </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> |