Difference between revisions of "Team:Peking/Safety"

(Prototype team page)
 
Line 1: Line 1:
−
{{Peking}}
 
 
<html>
 
<html>
  
 +
<head>
 +
<style>
 +
            #home_logo, #sideMenu {
 +
            display: none;
 +
        }
  
−
<div class="column full_size">
+
        #sideMenu, #top_title, .patrollink {
 +
            display: none;
 +
        }
  
−
<h1> Safety </h1>
+
        #content {
−
<p>Please visit the <a href="https://2018.igem.org/Safety">Safety Hub</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
            width: 100%;
 +
            padding: 0px;
 +
            margin-top: 0px;
 +
            margin-left: 0px;
 +
            margin-right: 0px;
 +
        }
  
−
<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>
+
        body {
 +
            background-color: #FAFAFA;
 +
        !important;
 +
        }
  
−
</div>
+
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
 +
            margin-bottom: 0px;
 +
        }
 +
a:link {
 +
                        text-decoration: none;
 +
                    }
  
 +
                    a:visited {
 +
                        text-decoration: none;
 +
                    }
  
−
<div class="column two_thirds_size">
+
                    a:active {
−
<h3>Safe Project Design</h3>
+
                        text-decoration: none;
 +
                    }
  
−
<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>
+
                    a:hover {
 +
                    }
 +
.dropbtn {
 +
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
}
  
−
<ul>
+
.dropdown {
−
<li>Choosing a non-pathogenic chassis</li>
+
    position: relative;
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
    display: inline-block;
−
<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>
+
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 100px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
}
  
−
<div class="column third_size">
+
.dropdown-content a {
−
<h3>Safe Lab Work</h3>
+
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}
  
−
<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>
+
.dropdown-content a:hover {background-color: #f1f1f1}
  
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
  
−
<h3>Safe Shipment</h3>
+
.dropdown:hover .dropbtn {
 +
    background-color: #3e8e41;
 +
} 
 +
u{ text-decoration:none}
 +
a{ text-decoration:none}
  
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
 
 +
 
 +
 
 +
/*Major body*/
 +
#MajorBody{position:absolute; top:24px; left:0px; width:1200px; height:1200px; background-color:#ffffff;}
 +
#LeftNavigation{position:fixed; top:80px; float:left; width:200px; height:100%; background-color:#313131; z-index:1050;}
 +
#Content{position:absolute; left:200px;}
 +
#ProjectList{position:absolute; top:40px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;}
 +
#ProjectList > li {display:block; list-style-type:none; width:180px; height:30px; font-size:20px; text-align:left; background-color:transparent;}
 +
.Left>a {color:#ffffff; text-decoration:none;}
 +
.Left:hover >a{color:#999999;}
 +
 
 +
 
 +
/*end of Major body*/
 +
#AcknowledgementBox{ position:absolute; left:0px; top:590px; width:1200px;display:none;}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    </style>
 +
 
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2018.igem.org/Template:Peking/css/menubar?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" type="text/css"
 +
          href="https://2018.igem.org/Template:Peking/css/main?action=raw&ctype=text/css">
 +
 
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
 +
    <header class="mdl-layout__header" style="position:fixed; margin-top: -9px; !important;">
 +
        <div class="mdl-layout__header-row">
 +
            <!-- Title -->
 +
            <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
 +
              style="color: #000000; font-size: x-large"><strong>Peking iGEM 2018</strong></a>
 +
            <a href="https://2018.igem.org/Team:Peking"><img
 +
                    src="https://static.igem.org/mediawiki/2018/e/e2/T--Peking--_toolbar.jpeg" height="50"></a>
 +
            <!-- Add spacer, to align navigation to the right -->
 +
            <div class="mdl-layout-spacer"></div>
 +
            <!-- Navigation. We hide it in small screens. -->
 +
            <nav class="mdl-navigation mdl-layout--large-screen-only">
 +
 
 +
    <a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking"
 +
    style="color: #000; font-weight: 500;">Home</a>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Project">Project</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Description">Description</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Design">Design</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Future Plan">Future Plan</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Wet_Lab">Wet Lab</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Results">Results</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Parts">Parts</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/InterLab">InterLab</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Dry_Lab">Dry Lab</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Model">Model</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Software">Software</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Human_Practices">Human Practices</a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/HumanPractices">Human Practices</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Public_Engagement">Public Engagement</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Collaborations">Collaborations</a>
 +
                </div></div>
 +
        <div class="dropdown">
 +
            <span><a class="mdl-navigation__link" href="https://2018.igem.org/Team:Peking/Team"><b>Team</b></a></span>
 +
                <div class="dropdown-content">
 +
                    <a href="https://2018.igem.org/Team:Peking/Team_Members">Team Members</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Attributions">Attributions</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Deliverables">Deliverables</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Acknowledgement">Acknowledgement</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Safety">Safety</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Notebook">Notebook</a>
 +
                    <a href="https://2018.igem.org/Team:Peking/Experiments">Experiments</a>
 +
                </div></div>
 +
 
 +
            </nav>
 +
        </div>
 +
    </header>
 +
 
 +
</div>
 +
 
 +
<!--MajorBody-->
 +
<div id="MajorBody"> 
 +
    <div id="LeftNavigation">
 +
          <ul id="ProjectList">
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Human_Practices"><b>Team</b></a></li><br/><br/>
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Team_Members">&#9674;&#160;&#160;&#160;Team Members</a><li>
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Attributions">&#9674;&#160;&#160;&#160;Attributions</a><li>
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Deliverables">&#9674;&#160;&#160;&#160;Deliverables</a><li>
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Acknowledgement">&#9674;&#160;&#160;&#160;Acknowledgement</a><li>
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Safety">>&#160;&#160;&#160;Safety</a><li>
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Notebook">&#9674;&#160;&#160;&#160;Notebook</a><li>
 +
                <li class="Left"><a href="https://2018.igem.org/Team:Peking/Experiments">&#9674;&#160;&#160;&#160;Experiments</a><li>
 +
 
 +
                </ul>
 +
    </div>
 +
   
 +
 
 +
<div class="two_thirds_size" >
 +
<p>Welcome to our wiki!</p>
 +
 
 +
</div>
 +
<div id="Content">
 +
Safety
 +
</div>
 
</div>
 
</div>
  
 +
</body>
  
 
</html>
 
</html>

Revision as of 10:30, 22 September 2018

Peking iGEM 2018