|
|
(15 intermediate revisions not shown) |
Line 4: |
Line 4: |
| | | |
| <html> | | <html> |
- | <body>
| |
- |
| |
- | <!DOCTYPE html>
| |
- | <html lang="en"><head>
| |
- | <meta charset="utf-8">
| |
- | <title>Breakroom | Designed By Theme Armada</title>
| |
- | <meta name="keywords" content="made with bootstrap, wrap bootstrap themes, bootstrap agency theme, creative bootstrap sites, Agency11 theme, responsive bootstrap theme, mobile website themes, bootstrap portfolio, theme armada">
| |
- | <meta name="description" content="">
| |
- | <meta name="viewport" content="width=device-width">
| |
- |
| |
- | <meta property="og:title" content="Breakroom | Designed By Theme Armada">
| |
- | <meta property="og:type" content="website">
| |
- | <meta property="og:url" content="http://www.themearmada.com/demos/breakroom">
| |
- | <meta property="og:site_name" content="Theme Armada">
| |
- | <meta property="og:description" content="">
| |
- |
| |
- | <!-- Styles -->
| |
- | <link rel="stylesheet" href="css/font-awesome.min.css">
| |
- | <link rel="stylesheet" href="css/animate.css">
| |
- | <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
| |
- |
| |
- | <link rel="stylesheet" href="css/bootstrap.min.css">
| |
- | <link rel="stylesheet" href="css/main.css">
| |
- | <link rel="stylesheet" href="css/custom-styles.css">
| |
- |
| |
- | <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
| |
- |
| |
- | <!-- Fav and touch icons -->
| |
- | <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144-precomposed.png">
| |
- | <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114-precomposed.png">
| |
- | <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72-precomposed.png">
| |
- | <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57-precomposed.png">
| |
- | <link rel="shortcut icon" href="/favicon.png">
| |
- | </head>
| |
- |
| |
| <body> | | <body> |
| | | |
- | <div class="navbar navbar-inverse navbar-fixed-top animated fadeInDownBig">
| |
- | <div class="navbar-inner">
| |
- | <div class="container">
| |
- | <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
| |
- | <span class="icon-bar"></span>
| |
- | <span class="icon-bar"></span>
| |
- | <span class="icon-bar"></span>
| |
- | </a>
| |
- | <a class="brand" href="#"><img src="https://static.igem.org/mediawiki/2014/6/69/Tsinghua-A_Logo_small.png" alt="Title"></a>
| |
- | <div class="nav-collapse collapse">
| |
- | <ul class="nav pull-right">
| |
- | <li><a href="index.html">Home</a></li>
| |
- | <li><a href="services.html">Services</a></li>
| |
- | <li><a href="about.html">About</a></li>
| |
- | <li><a href="portfolio.html">Portfolio</a></li>
| |
- | <li class="dropdown">
| |
- | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Features <b class="caret"></b></a>
| |
- | <ul class="dropdown-menu">
| |
- | <li><a href="blog.html">Blog Loop</a></li>
| |
- | <li><a href="individual-blog.html">Blog Individual</a></li>
| |
- | <li><a href="individual-work.html">Portfolio Individual</a></li>
| |
- | <li><a href="icons.html">Icons</a></li>
| |
- | <li><a href="pricing.html">Pricing Tables</a></li>
| |
- | <li><a href="components.html">Components</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a href="contact.php">Contact</a></li>
| |
- | <li><a href="login.html"><span class="light-gray"><i class="icon-user"></i> Login</span></a></li>
| |
- | <li><a href="signup.html"><span class="menu-button"> Sign Up</span></a></li>
| |
- | </ul>
| |
- | </div><!--/.nav-collapse -->
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
| | | |
| | | |
Line 88: |
Line 19: |
| <ul class="breadcrumb"> | | <ul class="breadcrumb"> |
| <li><a href="#">Home</a> <span class="divider">/</span></li> | | <li><a href="#">Home</a> <span class="divider">/</span></li> |
- | <li class="active">Project</li> | + | <li class="active">Safety</li> |
| </ul> | | </ul> |
| </div> | | </div> |
Line 102: |
Line 33: |
| <div class="span2 text-center"> | | <div class="span2 text-center"> |
| <div class="news-date"> | | <div class="news-date"> |
- | <h2>1</h2> | + | <h3>1</h3> |
| </div> | | </div> |
| </div> | | </div> |
| | | |
| <div class="span10"> | | <div class="span10"> |
- | <img src="https://static.igem.org/mediawiki/2014/8/8e/Tsinghua-A-humanpractice-overview.jpg"><br> | + | <h2><b>Safety</b></h2> |
- | <h2><b>Overview</b></h2>
| + | <p>Prior to bench work of the project, our team members received all basic trainings on biosafety and laboratory safety. Safety training included many aspects, such as the proper usage of all the equipment and discard of experimental rubbish. We also paid special attention to limiting Ethidium Bromide contamination and using nontoxic bacteria.<br><br> |
- | <p>The team planned and implemented several events concerning the application and field of our project. We focused on fields including transgenesis and genetic therapy, where TALE has been widely used as gene editing tool. Two of our teammates attended as guest lecturers a conference held for leaders in sci-tech education of High school and elementary level students in Beijing. Aside from publicity among high school students and educators, we held two seminars on synthetic biology and systems biology in Tsinghua University. Through heated discussions of the fields and our project itself, we managed to raise public awareness of novel advance in such interdisciplinary subjects. Multiple ethics issues were proposed during the seminars considering current topics in synthetic biology. We also conducted questionnaire survey on these issues later on. Results revealed important information and resolution on such. Ethics problems in genetic editing are researched and discussed in relevant pages.
| + | |
| + | <a class="more" href="https://static.igem.org/mediawiki/2014/0/0d/Tsinghua-A-Safety_form.pdf"><b>Safety Form<b></a> |
| + | |
| | | |
| </p><br /> | | </p><br /> |
| | | |
| <hr> | | <hr> |
| + | |
| + | |
| + | <iframe src="http://docs.google.com/gview?url=https://static.igem.org/mediawiki/2014/0/0d/Tsinghua-A-Safety_form.pdf&embedded=true" style="width:650px; height:800px;" frameborder="0"></iframe> |
| + | |
| + | |
| + | |
| + | |
| + | |
| </div> | | </div> |
| + | |
| + | |
| + | |
| + | |
| | | |
| </div><!--End Article--> | | </div><!--End Article--> |
| | | |
| | | |
- | <!--Article Two -->
| + | |
- | <div class="row-fluid blog-article">
| + | |
- | <div class="span2 text-center">
| + | |
- | <div class="news-date">
| + | |
- | <h2>2</h2>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="span10">
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/0/0e/Tsinghua-A-lecture1.jpg"><br>
| + | |
- | <h2><b>Lecture</b></h2>
| + | |
- | <p>On Sep. 9th, Xu Chumeng and Liu Huarui gave a lecture on our project and current topics in synthetic biology as part of the conference for leaders in sci-tech education of High school and elementary school students in Beijing. Teachers, high school students and researchers on Bioinformatics, Heredity, Molecular Biology and Botany gathered in Beijing No.8 Middle School aiming at enacting educational plans on science and technology research for high school and elementary level students. <br><br>
| + | |
- | After presenting our project, Chumeng, as an alumna of Beijing No.8 Middle School, shared her experience on high school sci-tech research experience and how it had led to synthetic biology research in Tsinghua. We received a lot of useful insights on our projects from attending researchers. An overview on the current topics in synthetic biology and its applications was delivered by our two teammates. We found that interdisciplinary subjects like synthetic biology still lack awareness among students below collegiate level and their educators. The high school students present at the conference showed keen interest in the topics, even raised a few issues worthy of consideration such as novel application of gene editing, “crazy” but creative ideas in the field of synthetic biology.<br>
| + | |
- | <img src="https://static.igem.org/mediawiki/2014/f/fa/Tsinghua-A-lecture2.jpg"><br>
| + | |
- | </p><br />
| + | |
- |
| + | |
- | <hr>
| + | |
- | </div>
| + | |
- |
| + | |
- | </div><!--End Article-->
| + | |
- |
| + | |
- | <!--Article Three -->
| + | |
- | <div class="row-fluid blog-article">
| + | |
- | <div class="span2 text-center">
| + | |
- | <div class="news-date">
| + | |
- | <h2>3</h2>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="span10">
| + | |
- | <img src="img/blog3.png" alt="Title">
| + | |
- | <h2><b>Seminars</b></h2>
| + | |
- | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
| + | |
- |
| + | |
- | <a class="more" href="individual-blog.html">More</a>
| + | |
- | <hr>
| + | |
- | </div>
| + | |
- |
| + | |
- | </div><!--End Article-->
| + | |
- | | + | |
- | <!--Article Four -->
| + | |
- | <div class="row-fluid blog-article">
| + | |
- | <div class="span2 text-center">
| + | |
- | <div class="news-date">
| + | |
- | <h2>4</h2>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="span10">
| + | |
- | <img src="img/blog3.png" alt="Title">
| + | |
- | <h2><b>Survey</b></h2>
| + | |
- | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
| + | |
- |
| + | |
- | <a class="more" href="individual-blog.html">More</a>
| + | |
- | <hr>
| + | |
- | </div>
| + | |
- |
| + | |
- | </div><!--End Article-->
| + | |
- | <!--Article Five -->
| + | |
- | <div class="row-fluid blog-article">
| + | |
- | <div class="span2 text-center">
| + | |
- | <div class="news-date">
| + | |
- | <h2>5</h2>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="span10">
| + | |
- |
| + | |
- | <h2><b>Ethics</b></h2>
| + | |
- | <p>Genetic editing and genetic therapy (especially those involving transgenesis), key applications of TALE, raise several noticeable ethics problems (listed below).<br>
| + | |
- | 1. In regard of current lacking of legal treaty on such issues, uncontrolled access to such technologies may cause unpredictable chaos.<br><br>
| + | |
- | 2. Experiments conducted on genetic therapy may pose threat to human life.<br><br>
| + | |
- | 3. Transgenesis and genetic modifying may have long-term effects on the environment<br><br>
| + | |
- | 4. It might be hard to set the boundaries between species with gene editing taken into consideration.<br><br>
| + | |
- | 5. Transgenesis may have negative influence on animal welfare.<br>
| + | |
- | | + | |
- | </p><br />
| + | |
- |
| + | |
- | <hr>
| + | |
- | </div>
| + | |
- |
| + | |
- | </div><!--End Article-->
| + | |
| | | |
| | | |
Line 208: |
Line 72: |
| | | |
| <!--Right Side Bar--> | | <!--Right Side Bar--> |
- | <div class="span3 sidebar-container">
| + | <div class="span3 sidebar-container"> |
- | <h2>Side Bar</h2>
| + | <h2>Our Team</B></h2> |
- | <p>Lorem <a href="#">ipsum dolor</a> sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
| + | <a href = https://2014.igem.org/Team:Tsinghua-A/Team> |
- | <br />
| + | <p><img src="https://static.igem.org/mediawiki/2014/c/cb/Tsinghua-A-sidebar.jpg"</p> |
| + | </a> |
| + | <br /> |
| | | |
- | <hr>
| |
| | | |
- | <h2>Instagram</h2>
| |
- |
| |
- | <!--Visit "Snapwidget.com" - Use Settings: 80px wide for images, 3x2 for the grid, and FadeOut on Hover-->
| |
- | <!-- SnapWidget -->
| |
- | <div style="height:200px;">
| |
- | <iframe src="http://snapwidget.com/in/?u=amVmZmNvcmV5fGlufDgwfDN8Mnx8bm98NXxmYWRlT3V0"></iframe>
| |
- | </div>
| |
- |
| |
- | <hr>
| |
| | | |
- | <h2>Links</h2> | + | <h2><b>Links</b></h2> |
| <ul class="unstyled blog-links"> | | <ul class="unstyled blog-links"> |
- | <li><a href="http://www.themearmada.com"><i class="icon-angle-right"></i> Theme Armada</a></li> | + | <li><a href="https://2014.igem.org"><i class="icon-angle-right"></i> iGEM 2014</a></li> |
- | <li><a href="http://www.twitter.com/themearmada"><i class="icon-angle-right"></i> Twitter Link</a></li> | + | <li><a href="http://www.tsinghua.edu.cn/publish/newthuen/index.html"><i class="icon-angle-right"></i> Tsinghua University</a></li> |
- | <li><a href="#"><i class="icon-angle-right"></i> Insert Link Three</a></li> | + | <li><a href="http://www.au.tsinghua.edu.cn/publish/auen/index.html"><i class="icon-angle-right"></i> Department of Automation,<br>Tsinghua University</a></li> |
- | <li><a href="#"><i class="icon-angle-right"></i> Insert Link Four</a></li> | + | <li><a href="http://bioinfo.au.tsinghua.edu.cn/CSSB/web/english/index.html"><i class="icon-angle-right"></i> Center for Synthetic and Systems Biology,<br>Tsinghua University</a></li> |
| </ul> | | </ul> |
| | | |
| <hr> | | <hr> |
| | | |
- | <div class="boxed"> | + | |
- | <h2>Boxed</h2>
| + | |
- | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor inc.</p>
| + | |
- | </div>
| + | |
| | | |
| </div><!--End Span--> | | </div><!--End Span--> |
Line 247: |
Line 100: |
| | | |
| | | |
- | <!--Bottom Section-->
| + | |
- | <section id="bottom">
| + | |
- | <div class="container"> | + | |
- | <div class="row-fluid">
| + | |
- |
| + | |
- | <!--Bottom Section One-->
| + | |
- | <div class="span4">
| + | |
- | <h2>About Us</h2>
| + | |
- | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p><br />
| + | |
- | <a class="more" href="#">+ More</a>
| + | |
- | </div>
| + | |
- |
| + | |
- | <!--Bottom Section Two-->
| + | |
- | <div class="span4">
| + | |
- | <h2>Latest Tweets</h2>
| + | |
- | <div class="row-fluid">
| + | |
- | <div class="span2">
| + | |
- | <i class="icon-twitter icon-2x blue pull-left" style="padding-top:12px;"></i>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="span10">
| + | |
- | <div class="twitter-feed">
| + | |
- | <ul id="twitter_update_list" class="rotate"></ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | <!--Bottom Section Three-->
| + | |
- | <div class="span4">
| + | |
- | <h2>Contact Info</h2>
| + | |
- | <p>1234 Main Street | Suit 300<br />
| + | |
- | Atlanta, GA 30303</p>
| + | |
- | <p><i class="icon-phone"></i> <a class="more" href="tel:404.555.5555">404.555.5555</a></p>
| + | |
- |
| + | |
- | <!--Social Icons-->
| + | |
- | <ul class="social-icons">
| + | |
- | <li><a class="twitter" href="http://www.twitter.com/themearmada" target="_blank"><i class="icon-twitter icon-large"></i></a></li>
| + | |
- | <li><a class="facebook" href="http://www.facebook.com" target="_blank"><i class="icon-facebook icon-large"></i></a></li>
| + | |
- | <li><a class="google" href="http://www.googleplus.com" target="_blank"><i class="icon-google-plus icon-large"></i></a></li>
| + | |
- | <li><a class="instagram" href="http://www.instagram.com" target="_blank"><i class="icon-camera-retro icon-large"></i></a></li>
| + | |
- | <li><a class="pinterest" href="http://www.pinterest.com" target="_blank"><i class="icon-pinterest icon-large"></i></a></li>
| + | |
- | <li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="icon-linkedin icon-large"></i></a></li>
| + | |
- | <li><a class="Github" href="http://www.github.com" target="_blank"><i class="icon-github-alt icon-large"></i></a></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- |
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </section>
| + | |
| | | |
- | <section id="footer">
| |
- | <div class="container">
| |
- | <div class="row-fluid">
| |
- | <div class="span4 text-left copyright">
| |
- | <p>© Breakroom. All Rights Reserved.<br />
| |
- | Created by <a href="http://www.themearmada.com" target="_blank">Theme Armada</a></p><br />
| |
- | </div>
| |
- |
| |
- | <div class="span8 text-right">
| |
- | <ul class="footer-links">
| |
- | <li><a href="#" target="_blank">Menu 1</a></li>
| |
- | <li><a href="#" target="_blank">Menu 2</a></li>
| |
- | </ul>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </section>
| |
| | | |
| | | |
- |
| + | |
- | <!-- Javascript
| + | |
- | ================================================== -->
| + | |
- | <!-- Placed at the end of the document so the pages load faster -->
| + | |
- | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
| + | |
- | <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
| + | |
- | <script src="js/bootstrap.min.js"></script>
| + | |
- | <script src="js/main.js"></script>
| + | |
- | <script src="js/rotate.js"></script>
| + | |
- | <script src="js/twitter-feed.js"></script>
| + | |
- |
| + | |
- | <!--Twitter Handle - Insert your Twitter username below ex: (screen_name=USERNAME&include) -->
| + | |
- | <script src="http://api.twitter.com/1/statuses/user_timeline.json?screen_name=themearmada&include_rts=true&count=4&callback=twitterCallback2" type="text/javascript"></script>
| + | |
| | | |
| </body> | | </body> |
Line 335: |
Line 110: |
| | | |
| | | |
- | </body>
| |
- | </html>
| |
| | | |
| {{Team:Tsinghua-A/Footer}} | | {{Team:Tsinghua-A/Footer}} |
| {{Team:Tsinghua-A/Script}} | | {{Team:Tsinghua-A/Script}} |