Difference between revisions of "Team:SYSU-MEDICINE/Safety"

(Prototype team page)
 
Line 1: Line 1:
−
{{SYSU-MEDICINE}}
 
 
<html>
 
<html>
  
  
−
<div class="column full_size">
 
  
  
−
<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>
+
<head>
 +
    <meta charset="UTF-8">
 +
    <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2016/2/2a/T--SYSU-MEDICINE--logo_32%2A32.png" sizes="16x16">
 +
    <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2016/2/2a/T--SYSU-MEDICINE--logo_32%2A32.png" sizes="32x32">
 +
    <!-- Latest compiled and minified CSS -->
 +
    <link href='//cdn.webfont.youziku.com/webfonts/nomal/92549/46882/57f3d7e1f629d81a5077d03f.css' rel='stylesheet' type='text/css' />
 +
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 +
    <!--jQuery-->
 +
    <script  src="https://code.jquery.com/jquery-3.1.1.min.js"  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="  crossorigin="anonymous"></script>
 +
    <!-- Latest compiled and minified JavaScript -->
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 +
    <style>
 +
        /*font*/
 +
        *{
 +
            font-family:"Helvetica-Neue-635ac8fbe16985","Arial",sans-serif;
 +
            letter-spacing: 0.1em;
  
−
<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>
+
        }
 +
        #HQ_page h1,#HQ_page h2,#HQ_page h3,#HQ_page h4,#HQ_page h5,#HQ_page p{
 +
            font-family:"Helvetica-Neue-635ac8fbe16985","Arial",sans-serif;
 +
        }
 +
        #HQ_page p{
 +
            font-size: 20px;
 +
        }
 +
        #HQ_page td{
 +
            padding:0;
 +
            border:0;
 +
        }
 +
        #HQ_page table {
 +
            border:0;
 +
        }
 +
        /*override wiki*/
 +
        .menu_wrapper, #top_title, #sideMenu{display: none;}
 +
        #content {
 +
            width:100%;
 +
            padding:0;
 +
            margin: 16px auto;
 +
        }
 +
        #top_menu_under {
 +
            height: 0;
 +
        }
 +
        #top_menu_14 {
 +
            border-bottom: 0;
 +
        }
 +
        #globalWrapper {
 +
            font-size: 100%;
 +
            padding-bottom: 0;
 +
        }
 +
        #content {
 +
            margin-bottom: 0;
 +
        }
 +
        /*nav*/
 +
        .navbar {
 +
            border-radius: 0;
 +
            height: 50px;
 +
            margin-bottom:0;
 +
            z-index: 25;
 +
        }
 +
        .navbar-inverse .navbar-brand {
 +
            color: #fff;
 +
        }
 +
        .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
 +
            background-color: rgba(0,0,0,0);
 +
            color: #999;
 +
            font-weight:600;
 +
        }
 +
        .navbar-inverse .navbar-nav>li>a {
 +
            color: #fff;
 +
            font-weight:600;
 +
        }
 +
        .navbar-inverse .navbar-nav>li>a:hover {
 +
            color: #999;
 +
            font-weight:600;
 +
        }
 +
        /*.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {*/
 +
        /*margin: 0 0.1;*/
 +
        /*}*/
 +
        .dropdown-menu>li>a {
 +
            font-weight: 600;
 +
        }
 +
        .jumbotron{
 +
            margin-bottom:0;
 +
            padding-top:10px;
 +
            padding-bottom:20px;
 +
        }
 +
        #jumbo-footer.jumbotron {
 +
            padding-top: 10px;
 +
            padding-bottom: 30px;
 +
            margin-bottom: 0;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container{
 +
            width: 1170px;
 +
            margin: 20px auto;
 +
            font-size: 18px;
 +
            color: #888;
 +
            /*font-weight: bold;*/
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .line{
 +
            height: 2px;
 +
            background-color: #bbb;
 +
            width: 100%;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact {
 +
            margin-top: 20px;
 +
            margin-left: 10px;
 +
            height: 140px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .title{
 +
            font-weight: bold;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul{
 +
            list-style: none;
 +
            padding-left: 0;
 +
            margin-left: 0;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul.float-contact {
 +
            float:left;
 +
            width: 400px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li {
 +
            margin-top: 5px;
 +
            margin-bottom: 5px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li a img{
 +
            width: 30px;
 +
            height: 30px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li a {
 +
            color: #888;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact ul li a:hover, #jumbo-footer.jumbotron>.footer-container .contact ul li a:active {
 +
            color: #888;
 +
            text-decoration: none;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .contact .float-contact-right {
 +
            float:right;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright{
 +
            margin-top: 5px;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright .text {
 +
            font-size: 16px;
 +
            float: left;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright .icon{
 +
            float: right;
 +
        }
 +
        #jumbo-footer.jumbotron>.footer-container .copyright .icon img {
 +
            width: 25px;
 +
            height: 25px;
 +
        }
 +
        #wechatModal .modal-dialog{
 +
            width: 332px;
 +
            margin-top: 100px;
 +
            z-index: 2000;
 +
        }
 +
        /*content*/
 +
        .jumbotron .my-content{
 +
            margin: 0 auto;
 +
            width: 1000px;
 +
        }
 +
        .jumbotron .my-content h2 {
 +
            text-align: center;
 +
            font-weight: bolder;
 +
            font-size: 40px;
 +
            margin-bottom:30px;
 +
        }
 +
        .jumbotron .my-content p {
 +
            line-height: 1.2em;
 +
            font-size: 20px;
 +
        }
 +
        /*table*/
 +
        table tr td.left{
 +
            width: 250px;
 +
            vertical-align: text-top;
 +
        }
 +
        table tr td.center{
 +
            width: 1px;
 +
            background-color: #000;
 +
        }
 +
        table tr td.left>h1{
 +
            text-align: left;
 +
            font-size: 40px;
 +
            font-weight: bolder;
 +
        }
 +
        table tr td.left>h3{
 +
            text-align: left;
 +
            font-size: 28px;
 +
            font-weight: bolder;
 +
            vertical-align: text-top;
 +
            margin-top:0;
 +
        }
 +
        table tr td.right{
 +
            width: 749px;
 +
            padding-left: 20px;
 +
        }
 +
        /*content*/
 +
        .jumbotron#safety-content{
 +
            background-color: #fff;
 +
        }
 +
    </style>
 +
    <script type="text/javascript">
 +
        $(document).ready(function() {
 +
            var canHide= true;
 +
            $('#wechatModal').on('show.bs.modal', function (e) {
 +
                // do something...
 +
                $("#wechatModal").after('<div class="modal-backdrop fade in"></div>');
 +
            });
 +
            $(".modal").click(function() {
 +
//                console.log("click");
 +
                //$(this).remove();
 +
                if (canHide) {
 +
                    $(".modal-backdrop").remove();
 +
                    $('#wechatModal').modal('hide');
 +
                }
 +
            });
 +
            $(".modal-dialog").click(function() {
 +
                canHide = false;
 +
            });
 +
            $(".modal").mousemove(function() {
 +
                canHide = true;
 +
            });
 +
        });
 +
    </script>
 +
</head>
 +
<body>
 +
<nav class="navbar navbar-inverse">
 +
    <div class="container-fluid">
 +
        <!-- Brand and toggle get grouped for better mobile display -->
 +
        <div class="navbar-header">
 +
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 +
                <span class="sr-only">Toggle navigation</span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
            </button>
 +
            <a class="navbar-brand" href="https://2016.igem.org/Team:SYSU-MEDICINE">
 +
                <img style="height: 40px; width: 40px; margin-top: -10px " src="https://2016.igem.org/wiki/skins/Igem/images/IGEM_white_letters.png">
 +
            </a>
 +
            <a class="navbar-brand" href="https://2016.igem.org/Team:SYSU-MEDICINE">SYSU-MEDICINE</a>
 +
        </div>
  
 +
        <!-- Collect the nav links, forms, and other content for toggling -->
 +
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
            <ul class="nav navbar-nav navbar-right">
 +
                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE">HOME</a></li>
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">TEAM<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Team">Team</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Collaborations">★  Collaborations</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PROJECT<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Description">★  Description</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Design">★  Design</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Experiments">Experiments</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Proof">★ Proof of Concept</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Demonstrate">★ Demonstrate</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Results">Results</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Notebook">Notebook</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">PARTS<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Parts">Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Basic_Part">★ Basic Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Composite_Part">★ Composite Parts</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Part_Collection">★ Part Collection</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="active"><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Safety">SAFETY</a></li>
 +
                <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Attributions">★  ATTRIBUTIONS</a></li>
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HUMAN PRACTICES<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Human_Practices">Human Practices</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/HP/Silver">★ Silver</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/HP/Gold">★ Gold</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Integrated_Practices">★ Integrated Practices</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Engagement">★ Engagement</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">AWARDS<span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Entrepreneurship">★ Entrepreneurship</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Hardware">★ Hardware</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Software">★ Software</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Measurement">★  Measurement</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:SYSU-MEDICINE/Model">★ Model</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
        </div><!-- /.navbar-collapse -->
 +
    </div><!-- /.container-fluid -->
 +
</nav>
 +
<div class="jumbotron" id="safety-head">
 +
    <div class="my-content">
 +
        <table>
 +
            <tr>
 +
                <td class="left">
 +
                    <h1>Safety<br/>Overview</h1>
 +
                </td>
 +
                <td class="right">
 +
                    SYSU-MEDICINE is trying to reinforce the homing ability of hMSCs toward the inflamed tissue by constructing the plasmids with the chemokine receptors and locate them with fluorescence. In addition, we design a switch to kill themselves when they differentiate into cells of other types. We spared no effort to achieve the safety control.
 +
                </td>
 +
            </tr>
 +
        </table>
 +
    </div>
 +
</div>
 +
<div class="jumbotron" id="safety-content">
 +
    <div class="my-content">
 +
        <h2>Safety Project Design</h2>
 +
        <table>
 +
            <tr>
 +
                <td class="left">
 +
                    <h3>Parts Selection</h3>
 +
                </td>
 +
                <td class="center"></td>
 +
                <td class="right">
 +
                    SYSU-MEDICINE is trying to reinforce the homing ability of hMSCs toward the inflamed tissue by constructing the plasmids with the chemokine receptors and locate them with fluorescence. In addition, we design a switch to kill themselves when they differentiate into cells of other types. We spared no effort to achieve the safety control.
 +
                </td>
 +
            </tr>
 +
        </table>
 +
    </div>
 
</div>
 
</div>
  
 +
<!--footer-->
 +
<div class="jumbotron" id="jumbo-footer">
 +
    <div class="footer-container">
 +
        <div class="title">
 +
            Contact us
 +
        </div>
 +
        <div class="line"></div>
 +
        <div class="contact">
 +
            <ul class="float-contact">
 +
                <li>
 +
                    <a href="http://weibo.com/u/5999650333">
 +
                        <img style="height: 32px; width: 32px" src="https://static.igem.org/mediawiki/2016/0/06/T--SYSU-MEDICINE--weibo.png">
 +
                        iGEMxSYSU-MEDICINE
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="https://www.facebook.com/IGEM-SYSU-Medicine">
 +
                        <img style="height: 27px; width: 27px; margin-left: 2px;margin-right:2px;" src="https://static.igem.org/mediawiki/2016/a/a1/T--SYSU-MEDICINE--facebook.png">
 +
                        IGEM SYSU-Medicine
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="#">
 +
                        <img src="https://static.igem.org/mediawiki/2016/4/43/T--SYSU-MEDICINE--email.png">
 +
                        SYSU_MEDICINE@163.com
 +
                    </a>
 +
                </li>
 +
            </ul>
 +
            <ul class="float-contact">
 +
                <li>
 +
                    <a href="#" data-toggle="modal" data-target="#wechatModal">
 +
                        <img src="https://static.igem.org/mediawiki/2016/6/6e/T--SYSU-MEDICINE--wechat.png">
 +
                        SYSU-MEDICINE
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="https://twitter.com/IgemSysu">
 +
                        <img src="https://static.igem.org/mediawiki/2016/1/1c/T--SYSU-MEDICINE--twitter.png">
 +
                        iGEM SYSU-MEDICINE
 +
                    </a>
 +
                </li>
  
−
<div class="column full_size">
+
            </ul>
−
<h5>Safe Project Design</h5>
+
            <div class="float-contact-right">
−
 
+
                <img style="width: 140px" src="https://static.igem.org/mediawiki/2016/5/5e/T--SYSU-MEDICINE--Igemlogo_banner.png">
−
<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>
+
                <img style="height: 100px" src="https://static.igem.org/mediawiki/2016/d/df/T--SYSU-MEDICINE--SYSU-MEDICINE.png">
−
 
+
            </div>
−
<ul>
+
        </div>
−
<li>Choosing a non-pathogenic chassis</li>
+
        <div class="line"></div>
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
        <div class="copyright">
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
            <div class="text">
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
                &copy; 2016 SYSU-MEDICINE. All Rights Reserved.
−
</ul>
+
            </div>
 +
            <div class="icon" >
 +
                <img src="https://static.igem.org/mediawiki/2016/f/f5/T--SYSU-MEDICINE--china_2x.png">
 +
                <img src="https://static.igem.org/mediawiki/2016/a/a9/T--SYSU-MEDICINE--SYSU.png">
 +
            </div>
 +
        </div>
 +
    </div>
  
 
</div>
 
</div>
  
−
<div class="column half_size">
+
<!-- Wechat QRCode Modal -->
−
<h5>Safe Lab Work</h5>
+
<div class="modal fade" id="wechatModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="false">
 +
    <div class="modal-dialog" role="document">
 +
        <div class="modal-content">
  
−
<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 class="modal-body">
 +
                <img style="height: 300px;width: 300px;" src="https://static.igem.org/mediawiki/2016/0/07/T--SYSU-MEDICINE--wechat-qrcode.png">
 +
            </div>
  
 +
        </div>
 +
    </div>
 
</div>
 
</div>
−
 
+
</body>
−
<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>
+
−
 
+
−
 
+
 
</html>
 
</html>

Revision as of 07:34, 10 October 2016

Safety
Overview

 SYSU-MEDICINE is trying to reinforce the homing ability of hMSCs toward the inflamed tissue by constructing the plasmids with the chemokine receptors and locate them with fluorescence. In addition, we design a switch to kill themselves when they differentiate into cells of other types. We spared no effort to achieve the safety control.

Safety Project Design

Parts Selection

 SYSU-MEDICINE is trying to reinforce the homing ability of hMSCs toward the inflamed tissue by constructing the plasmids with the chemokine receptors and locate them with fluorescence. In addition, we design a switch to kill themselves when they differentiate into cells of other types. We spared no effort to achieve the safety control.