Difference between revisions of "Team:CCA San Diego/Safety"

(Prototype team page)
 
(Safety)
Line 1: Line 1:
{{CCA_San_Diego}}
+
{{CCA_Stylesheets}}
<html>
+
{{CCA_Bootstrap}}
 +
{{CCA_AllowFullWidth}}
 +
{{CCA_indentText}}
  
 +
<html style="height:1200px;">
  
<div class="column full_size">
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
 
  
<h1> Safety </h1>
+
<body style="color:rgb(57,59,63);width:100%;height:1583px;background-color:#d9e1e2;">
<p>Please visit <a href="https://2017.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>
+
    <div>
 +
        <nav class="navbar navbar-default navbar-fixed-top navigation-clean" data-aos="flip-up" data-aos-duration="1150">
 +
            <div class="container">
 +
                <div class="navbar-header">
 +
                    <a class="navbar-brand navbar-link" href="/Team:CCA_San_Diego" style="color:rgb(57,59,63);"> <img src="https://raw.githubusercontent.com/winner123/IGEM/master/assets/img/0-1.png"></a>
 +
                    <button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
 +
                </div>
 +
                <div class="collapse navbar-collapse" id="navcol-1">
 +
                    <ul class="nav navbar-nav navbar-right">
 +
                        <li class="dropdown open"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true" href="#" style="color:#217fba;">Project </a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Description">Description </a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Design">Design</a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Description#Results">Results </a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Description#Proof">Proof </a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Parts">Parts</a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Safety">Safety </a></li>
  
<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>
+
                            </ul>
 +
                        </li>
 +
                       
 +
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="#" style="color:#217fba;">Lab </a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Demonstrate">Demonstrate</a></li>
 +
                                <li role="presentation"><a href="#">Second Item</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="#" style="color:#217fba;">Notebook </a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/lab_notebook">Lab Notebook</a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/protocols">Protocols </a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/medal_criteria">Medal Criteria </a></li>
 +
                               
 +
                                </li>
 +
                            </ul>
 +
                        </li>
  
</div>
+
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="/Team:CCA_San_Diego/InterLab" style="color:#217fba;">InterLab </a>
 +
                        </li>
  
 +
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="/human_practices" style="color:#217fba;">Human Practices</a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/HP/Silver">Silver</a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/HP/Gold_Integrated">Gold</a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/Engagement">Public Engagement</a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/Collaborations">Collaborations</a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/igem_goes_green"><p class="tab">iGEM Goes Green</p></a></li>
 +
                            </ul>
 +
                        </li>
 +
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="#" style="color:#217fba;">Awards</a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Model">Model</a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Measurement">Measurement</a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Applied_Design">Applied Design</a></li>
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/Engagement">Public Engagement</a></li>
  
<div class="column full_size">
+
                            </ul>
<h5>Safe Project Design</h5>
+
                        </li>
 +
                        <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="team:CCA_San_Diego/team" style="color:#217fba;">Team </a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li role="presentation"><a href="/Team:CCA_San_Diego/team">Team </a></li>
 +
                                <li role="presentation"><a href="/team:CCA_San_Diego/Attributions">Attributions </a></li>
 +
                            </ul>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </nav>
 +
    </div>
 +
<!--video controls autoplay-->
 +
<!--iframe src="https://drive.google.com/file/d/0ByGPGIT0Ujv3aTdRaEdUQVRXZXM/preview" width="100%" height="auto"--><!--/iframe-->
 +
<!--/video-->
  
<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 src="https://raw.githubusercontent.com/winner123/IGEM/master/assets/img/bannerfff.png" data-aos="flip-left" data-aos-duration="400" data-aos-delay="300" style="width:100%;height:60%;">
  
<ul>
+
<center><img src="https://raw.githubusercontent.com/anjalisg/IGEM/master/IGEM%20Website/assets/img/storyboard%20(Custom).png" style="width:100%"></center>
<li>Choosing a non-pathogenic chassis</li>
+
<li>Choosing parts that will not harm humans / animals / plants</li>
+
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
<li>Including an "induced lethality" or "kill-switch" device</li>
+
</ul>
+
  
</div>
 
  
<div class="column half_size">
 
<h5>Safe Lab Work</h5>
 
 
<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>
 
 
<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>
 
  
 +
    <div class="footer-dark">
 +
        <footer>
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-md-6 col-md-push-6 item text">
 +
                        <h3>Social media</h3>
 +
                        <ul>
 +
                            <li><a href="https://www.instagram.com/cca.igem/">Instagram</a></li>
 +
                            <li><a href="https://www.facebook.com/CCAiGEM/">Facebook</a></li>
 +
                            <li><a href="mailto:igemcca@gmail.com? cc=martinholmes1358@gmail.com & cc=aida.razavilar@gmail.com">Email</a></li>
 +
                        </ul-->
 +
                  </div>
 +
                   
 +
                    <div class="col-md-3 col-md-pull-6 col-sm-4 item">
 +
                        <h3>Sponsors </h3>
 +
                        <ul>
 +
                            <li><a href="https://www.labfellows.com/">Lab Fellows</a></li>
 +
                            <li><a href="http://www.canyoncrestfoundation.org/">CCA Foundation</a></li>
 +
                            <li><a href="https://www.genscript.com/">GeneScript</a></li>
 +
                            <li><a href="https://www.idtdna.com/site">IDT</a></li>
 +
                            <li><a href="#">Quest Foundation</a></li>
 +
                            <li><a href="https://ccaigemsummercamp.weebly.com">CCA iGEM Summer Camps 2017</a></li>
 +
                        </ul>
 +
                    </div>
 +
                    <div class="col-md-12 col-sm-4 item social"><a href="#"><i class="icon ion-social-facebook"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-snapchat"></i></a><a href="#"><i class="icon ion-social-instagram"></i></a></div>
 +
                </div>
 +
                <!--p class="copyright">CCA IGEM CC 2018</p-->
 +
            </div>
 +
        </footer>
 +
    </div>
 +
    <footer></footer>
 +
   
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" crossorigin="anonymous"></script>
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.js"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
AOS.init({ disable: 'mobile' });
 +
});
 +
</script>
 +
</body>
  
 
</html>
 
</html>

Revision as of 18:53, 27 October 2017