(Prototype team page) |
|||
(17 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | #top_title{ | ||
+ | display:none; | ||
+ | } | ||
+ | * { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | a { | ||
+ | text-decoration: none; | ||
+ | } | ||
− | + | ul, | |
+ | ol { | ||
+ | list-style: none; | ||
+ | } | ||
− | + | body { | |
− | + | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
+ | font-size: 14px; | ||
+ | line-height: 1.42857143; | ||
+ | color: #333; | ||
+ | min-width: 768px; | ||
+ | } | ||
− | + | .navbar-default { | |
+ | background-color: #EEE; | ||
+ | border-color: #e7e7e7; | ||
+ | top: 16px; | ||
+ | border-width: 0 0 1px; | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | z-index: 1030; | ||
+ | min-height: 50px; | ||
+ | margin-bottom: 20px; | ||
+ | border: 1px solid transparent; | ||
+ | min-width: 768px; | ||
+ | } | ||
+ | .container { | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 768px) { | ||
+ | .container { | ||
+ | width: 750px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 992px) { | ||
+ | .container { | ||
+ | width: 970px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 1200px) { | ||
+ | .container { | ||
+ | width: 1170px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-header { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .navbar-brand { | ||
+ | color: #777; | ||
+ | float: left; | ||
+ | height: 50px; | ||
+ | padding: 15px 15px; | ||
+ | font-size: 18px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | .navbar>ul>li { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .nav>li { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | |||
+ | .nav>li>a { | ||
+ | color: #777; | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | padding: 8px 15px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .nav>li>a:hover { | ||
+ | color: #333; | ||
+ | } | ||
+ | |||
+ | .caret { | ||
+ | display: inline-block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | margin-left: 2px; | ||
+ | vertical-align: middle; | ||
+ | border-top: 4px solid #777; | ||
+ | border-right: 4px solid transparent; | ||
+ | border-left: 4px solid transparent; | ||
+ | position: absolute; | ||
+ | top: 18px; | ||
+ | right: 1px; | ||
+ | } | ||
+ | |||
+ | .nav>li>a:hover+span { | ||
+ | border-top: 4px solid #333; | ||
+ | } | ||
+ | |||
+ | .nav>li .dropdown-menu { | ||
+ | margin-top: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | position: absolute; | ||
+ | top: 35px; | ||
+ | left: 0; | ||
+ | z-index: 1000; | ||
+ | float: left; | ||
+ | min-width: 160px; | ||
+ | padding: 5px 0; | ||
+ | margin: 2px 0 0; | ||
+ | font-size: 14px; | ||
+ | text-align: left; | ||
+ | list-style: none; | ||
+ | background-color: #fff; | ||
+ | -webkit-background-clip: padding-box; | ||
+ | background-clip: padding-box; | ||
+ | border: 1px solid #ccc; | ||
+ | border: 1px solid rgba(0, 0, 0, .15); | ||
+ | border-radius: 4px; | ||
+ | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | ||
+ | box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu>li { | ||
+ | display: list-item; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu>li>a { | ||
+ | display: block; | ||
+ | padding: 3px 20px; | ||
+ | clear: both; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.42857143; | ||
+ | color: #333; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .dropdown-menu>li>a:hover { | ||
+ | background-color: #eee; | ||
+ | } | ||
+ | html { | ||
+ | font-family: sans-serif; | ||
+ | -webkit-text-size-adjust: 100%; | ||
+ | -ms-text-size-adjust: 100%; | ||
+ | } | ||
+ | #mainDiv{ | ||
+ | |||
+ | margin: 0; | ||
+ | min-height: 5800px; | ||
+ | padding-top: 70px; | ||
+ | min-width: 1140px; | ||
+ | background: url('https://static.igem.org/mediawiki/2018/4/4b/T--SCAU-China--ziyeMain.jpg') center; | ||
+ | backgrouond-repeat:repeat-y | ||
+ | } | ||
+ | .heart { | ||
+ | width: 1140px; | ||
+ | margin: 0 auto;/* 通用的版心 */ | ||
+ | } | ||
+ | #mask { | ||
+ | width: 100%; | ||
+ | height: 5800px; | ||
+ | background: rgba(0, 0, 0, 0.3); | ||
+ | margin-top: -15px; | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | .DBoard {/* 展板样式 */ | ||
+ | margin: 0px auto 40px auto; | ||
+ | width: 1000px; | ||
+ | height: 500px; | ||
+ | border-radius: 3px; | ||
+ | background-color: #fff; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | } | ||
+ | .DBoard0 {/*文字样式*/ | ||
+ | margin: 0px auto 40px auto; | ||
+ | width: 1000px; | ||
+ | height: 500px; | ||
+ | border-radius: 3px; | ||
+ | color: white; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | } | ||
+ | #mask p { | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #lists-DB { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #lists-DB:hover #arr-l,#lists-DB:hover #arr-r{ | ||
+ | display: block; | ||
+ | } | ||
+ | #lists { | ||
+ | position: relative; | ||
+ | width: 4000px; | ||
+ | } | ||
+ | #lists img { | ||
+ | float: left; | ||
+ | } | ||
+ | #arr-l,#arr-r { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | width: 40px; | ||
+ | height: 60px; | ||
+ | background: rgba(0, 0, 0, .4); | ||
+ | top: 50%; | ||
+ | margin-top: -30px; | ||
+ | color: #fff; | ||
+ | font: 600 30px/60px "宋体"; | ||
+ | line-height: 60px; | ||
+ | text-align: center; | ||
+ | display: none; | ||
+ | } | ||
+ | #arr-l:hover,#arr-r:hover { | ||
+ | background: rgba(0, 0, 0, .7); | ||
+ | } | ||
+ | #arr-l { | ||
+ | left: 0; | ||
+ | } | ||
+ | #arr-r { | ||
+ | right: 0; | ||
+ | } | ||
+ | #buttons { | ||
+ | position: absolute; | ||
+ | bottom: 15px; | ||
+ | left: 50%; | ||
+ | } | ||
+ | #buttons span { | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | background: #ccc; | ||
+ | float: left; | ||
+ | border-radius: 50%; | ||
+ | margin: 0 5px 0 5px; | ||
+ | } | ||
+ | .on { | ||
+ | background-color: #333 !important; | ||
+ | } | ||
+ | #toTop { | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
+ | background: url("https://static.igem.org/mediawiki/2018/b/b6/T--SCAU-China--toTop.png") no-repeat center center rgba(0, 0, 0, .3); | ||
+ | position: fixed; | ||
+ | right: 50px; | ||
+ | bottom: 5px; | ||
+ | cursor: pointer; | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | } | ||
+ | #img4{ | ||
+ | width: 10%; | ||
+ | } | ||
+ | #content { | ||
+ | width: 101%; | ||
+ | padding: 15px; | ||
+ | border: none; | ||
+ | color: black; | ||
+ | margin-left: 20px; | ||
+ | margin-right: auto; | ||
+ | background-color: #ffffff; | ||
+ | position: relative; | ||
+ | } | ||
+ | #content { | ||
+ | position: relative; | ||
+ | width: 101%; | ||
+ | margin: 0 auto; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | background: white; | ||
+ | color: black; | ||
+ | border-left: 1px solid #444444; | ||
+ | border-right: 1px solid #444444; | ||
+ | line-height: 1.5em; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | #title{ | ||
+ | height: 100px; | ||
+ | text-align:center; | ||
+ | background: rgba(0, 0, 0, 0.3); | ||
+ | text-align: left; | ||
+ | font-size: 60px; | ||
+ | color: white; | ||
+ | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | line-height: 100px; | ||
+ | |||
+ | } | ||
+ | #article1{ | ||
+ | background: rgba(0, 0, 0, 0); | ||
+ | height:150px; | ||
+ | |||
+ | } | ||
+ | #article1 p{ | ||
+ | |||
+ | text-align: left; | ||
+ | position: relative; | ||
+ | color: white; | ||
+ | margin-top: 20px; | ||
+ | |||
+ | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-size:20px; | ||
+ | } | ||
+ | #article2{ | ||
+ | |||
+ | background: rgba(0, 0, 0, 0); | ||
+ | |||
+ | } | ||
+ | ul,p{margin:0;padding:0;} | ||
+ | |||
+ | li{list-style:none;color:white;} | ||
+ | |||
+ | |||
+ | .box{width:1000px;margin:20px auto;} | ||
+ | |||
+ | .box .img{float:left;} | ||
+ | |||
+ | .box .img img{width:750px;height:200px;} | ||
+ | |||
+ | .box .list{float:left;width:450px;margin-left:50px;display:inline;} | ||
+ | |||
+ | .box .list li{line-height:25px;font-size:20px;} | ||
+ | |||
+ | .box2{width:1000px;margin:20px auto;} | ||
+ | |||
+ | .box2 .img{float:left;} | ||
+ | |||
+ | .box2 .img img{width:380px;height:370px;} | ||
+ | |||
+ | .img-wrap{ | ||
+ | width:1100px; | ||
+ | border:3px; | ||
+ | } | ||
+ | .img-wrap img{ | ||
+ | float:left; | ||
+ | width:366px; | ||
+ | height:316px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .img-wrapp{ | ||
+ | width:1100px; | ||
+ | border:3px; | ||
+ | } | ||
+ | .img-wrapp img{ | ||
+ | float:center; | ||
+ | width:320px; | ||
+ | height:220px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .img-wrappp{ | ||
+ | width:1100px; | ||
+ | border:3px; | ||
+ | } | ||
+ | .img-wrappp img{ | ||
+ | float:center; | ||
+ | width:220px; | ||
+ | height:420px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <div class="Tan MingYang"></div> | ||
+ | <div class="Li JiaDong"></div> | ||
+ | <div class="Huang XinLing"></div> | ||
+ | <div class="Fan ZhongZhao"></div> | ||
+ | |||
+ | <div class="navbar-default"> | ||
+ | <div class="container"> | ||
+ | <div class="navbar-header"> | ||
+ | <a href="https://2018.igem.org/Team:SCAU-China" class="navbar-brand">SCAU-2018</a> | ||
</div> | </div> | ||
+ | <div class="navbar"> | ||
+ | <ul style="float: left;" class="nav"> | ||
+ | <li class="dropdown"> | ||
+ | <a href="javascript:void(0)">TEAM</a> | ||
+ | <span class="caret"></span> | ||
+ | <ul class='dropdown-menu'> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:SCAU-China/Members">Members</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:SCAU-China/Attributions">Attributions</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="javascript:void(0)">PROJECT</a> | ||
+ | <span class="caret"></span> | ||
+ | <ul class='dropdown-menu'> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/ProjectOverview">Overview</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Background">Background</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Design">Design</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/SRK">Synergistic Recombination Kit</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/MM">Mathematical Model of Biological Intrinsic Regulation System</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Type">Type II CRISPR/Cas 9 Kit</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/MOM">Method for Optimizing Microbial Cell Culture</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Outlook">Outlook</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Demonstrate">Demonstrate</a></li> | ||
− | < | + | </ul> |
− | < | + | </li> |
+ | <li class="dropdown"> | ||
+ | <a href="javascript:void(0)">LAB WORK</a> | ||
+ | <span class="caret"></span> | ||
+ | <ul class='dropdown-menu'> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Parts">Parts</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Improve">Improve</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/InterLab">Interlab</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Measurement">Measurement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | < | + | <li class="dropdown"> |
+ | <a href="javascript:void(0)">MODEL</a> | ||
+ | <span class="caret"></span> | ||
+ | <ul class='dropdown-menu'> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Model">Overview</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Model/HAWNA">HAWNA</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Model/PPIBoost">PPIBoost</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Model/CultrueCondition">Cultrue Condition</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <ul style="float: right;" class="nav"> | ||
+ | <li class="dropdown"> | ||
+ | <a href="javascript:void(0)">SAFETY</a> | ||
+ | <span class="caret"></span> | ||
+ | <ul class='dropdown-menu'> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="javascript:void(0)">HUMAN PRACTICES</a> | ||
+ | <span class="caret"></span> | ||
+ | <ul class='dropdown-menu'> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Human_Practices">Overview</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/silver">Silver</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Integrated">Integrated</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Public_Engagement">Public Engagement & Education</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:SCAU-China/Collaborations">Collaborations</a></li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</ul> | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="mainDiv"> | ||
+ | <div class="heart"><!-- 版心 --> | ||
+ | <div id="mask"><!-- 半透明底板 --> | ||
+ | |||
+ | <div class="DBoard" id="title"> | ||
+ | Safety | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="DBoard" id="title" style="height:40px;width:400px;font-size:20px;line-height:40px;text-align:center;"> | ||
+ | Laboratory | ||
+ | </div> | ||
+ | <div class="DBoard" id="article1" style="height:200px;"><!-- 展板 --> | ||
+ | <p>The biological safety of our laboratory is classified as level 1. All of the microbes and other biological samples that we needed in the project take extremely low risks to the human healthy and environments. In addition, handling, storage and disposal of biological and chemical wasted during our project strictly follow the university chemical safety policy and guideline. All of the team members took necessary safety course and get sufficient training before starting working in the lab. Food and drinks are also strongly prohibited inside the laboratory. | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="DBoard" id="title" style="height:40px;width:400px;font-size:20px;line-height:40px;text-align:center;"> | ||
+ | Training | ||
+ | </div> | ||
+ | <div class="DBoard" id="article1" style="height:1600px;"><!-- 展板 --> | ||
+ | <p>All of the team members had to take safety courses including general safety, chemical safety and biological safety which were provided by the university before getting into the lab. After fulfilling the requirements of the safety courses, a hands-on experimental training course of cell and molecular biology were further provided to the team to fully cover the detailed and specific safety regulations regarding to the project. The topics in our safety training are summarized as below: | ||
+ | |||
+ | |||
+ | </p> | ||
+ | <p><b>1. General operations:</b></p> | ||
+ | <p>a. General chemical safety and policy of handling toxic chemicals (e.g. phenol and chloroform).</p> | ||
+ | <p>b. General electrical safety and guidelines for the operation of equipment and facilities.</p> | ||
+ | <p>c. Fire safety.</p> | ||
+ | <p>d. Emergent measurement and treatments under critical conditions (e.g. tackle fire, electric leakage and negligent wounds).</p> | ||
+ | <p>e. Emergent evacuation protocol (e.g. fire alarm).</p> | ||
+ | <p>f. Safe handling and disposal of sharps (e.g. needles and broken glasses).</p> | ||
+ | <p><b>2. Biological operations:</b></p> | ||
+ | <p>a. Basic techniques of molecular cloning and gene manipulation.</p> | ||
+ | <p>b. Handling protocol of transgenic and biohazard samples.</p> | ||
+ | <p>c. Health and safety protection in the lab.</p> | ||
+ | <p>d. Bio-waste disposal protocol.</p> | ||
+ | <p>Rules:</p> | ||
+ | <p>We had a teacher, professor Huang, as our supervisors to ensure our operation correctness preventing safety problems. Each of our team members had at least been working in a lab for a half year month and received biosafety training. The biosafety guidelines of our lab can be describe as follows:</p> | ||
+ | <p>1.<b>Always remember the rules.</b> New staffs should be well trained in rules of safety and experimental operations, and pass the experiment-test before performing experiments themselves.</p> | ||
+ | <p>2.<b>Never drink or eat in the lab.</b> We have a rest room and every staff can drink or eat there. And please also remember never taste or smell unknown chemicals in the lab.</p> | ||
+ | <p>3.<b>Always dress appropriately.</b> Each staff should be equipped with personal safety equipment to avoid direct contact with the pathogenic microorganism or toxic chemicals.</p> | ||
+ | <p>4.<b>Always distinguish between contaminated and safe areas.</b> Remember wear gloves before work in contaminated areas and never bring the instruments in the contaminated area out of there. </p> | ||
+ | <p>5.<b>Always dispose of chemicals properly.</b> Make sure the chemicals we used are collected in the recycling tank. We can't to pour anything down the drain that could potentially infect our drinking water. </p> | ||
+ | <p>6.<b>Always remember the biosafety.</b> One person at least in each laboratory should take charge of biosafety and establish a continuous biosafety training program.</p> | ||
+ | <p>7.<b>Always handle emergency properly.</b> Laboratories should establish emergency handling procedures and have routine inspection for all of the equipment.</p> | ||
+ | <p>9.<b>Never afraid to ask question.</b> If one person has any question about experiments design, chemical using or equipment operation, remember to ask the teacher for help before you start your experiments.</p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="DBoard" id="title" style="height:40px;width:400px;font-size:20px;line-height:40px;text-align:center;"> | ||
+ | Reagent | ||
+ | </div> | ||
+ | <div class="DBoard" id="article1" style="height:700px;"><!-- 展板 --> | ||
+ | <p>All of the chemicals and solutions that were used in the experiments of our project were well labeled with their MSDS information stored in the lab. It is always necessary for us to put on the gloves, lab coat and eye goggles during the handling of the chemicals in the lab and disposal the reagents in a proper way. | ||
+ | </p> | ||
+ | <p><b>1. General chemicals:</b></p> | ||
+ | <p>a. Ethanol: Put on your lab coat and eye protectors, use it in a ventilated area and keep it away from fire.</p> | ||
+ | <p>b. Sodium acetate: Use it in a fume hood and avoid contact with the skin and eyes. </p> | ||
+ | <p><b>2. Environmental toxic chemicals:</b></p> | ||
+ | <p>a. Phenol: Use it in ventilated hood and put on the gloves and mask. Disposal the phenol in the organic reagents container.</p> | ||
+ | <p>b. Chloroform: Use it with gloves, and disposal it in the organic reagents container.</p> | ||
+ | <p>c. Ethidium bromide (EB): Treated EB gel with sodium hypochlorite (bleach) before disposal.</p> | ||
+ | <p>Each laboratory in our school has organic reagent containers. All of the organic reagents were placed in containers that are stored in a ventilated storage cabinet or an operating fume hood after being used. A waste disposal tag would be attached to the container with a list of the container's contents. Properly tagged waste containers would be periodically removed to the company responsible for chemical waste treatment. </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="DBoard" id="title" style="height:40px;width:400px;font-size:20px;line-height:40px;text-align:center;"> | ||
+ | Equipment | ||
+ | </div> | ||
+ | <div class="DBoard" id="article1" style="height:200px;"><!-- 展板 --> | ||
+ | <p>1. Centrifuge: Balance the weight of the samples before start the centrifuge. | ||
+ | </p> | ||
+ | <p> | ||
+ | 2. Blue Gel cutting machine: Look the gel through the filter in order to protect your eyes. | ||
+ | </p> | ||
+ | <p>3. ULT freezer: Wear the gloves to prevent frostbite when removing items from the freezer,</p> | ||
+ | <p>4. Microwave oven: Wear Microwave oven gloves to prevent scalding.</p> | ||
+ | </div> | ||
+ | <div class="DBoard" id="title" style="height:40px;width:400px;font-size:20px;line-height:40px;text-align:center;"> | ||
+ | Biological sample handling and safety: | ||
+ | </div> | ||
+ | <div class="DBoard" id="article1" style="height:600px;"><!-- 展板 --> | ||
+ | <p>The chassis biology that we used belongs to the P1 level according to the classification of biosafety. | ||
+ | </p> | ||
+ | <p> | ||
+ | 1. E.coli strains: We mainly used two types of E.coli strains: DH5α and DH10B for the molecular cloning. They have been widely used for gene cloning in many labs across the world for years and proven non-pathogenic. It has been shown that they are barely toxic to researchers when handled properly. Moreover, we have participated in the biological safety course provided by our university and been well trained for handling the E.coli safely. | ||
+ | </p> | ||
+ | <p>2. Acetobacter xylinum and Cyanobacteria: (Synechocystis sp.PCC6803 and Microcoleus vaginatus) are human and environmental safe microorganisms. In addition, they were strictly cultured and handled within the laboratory. </p> | ||
+ | <p>3. This year, according to the official requirements of iGEM, GMOs are not allowed to be released into the environment. Therefore our transgenic cyanobacteria will only be restricted within the laboratory. </p> | ||
+ | <p>4. All organisms were sterilized to inactive their biological properties prior to being discarded. </p> | ||
+ | |||
+ | </div> | ||
+ | <div style=" width:100%;"> | ||
+ | <table border="1"> | ||
+ | <tr> | ||
+ | <td style="text-align:left;"><img src="https://static.igem.org/mediawiki/2018/1/18/T--SCAU-CHINA--safty1.jpg" height="230" width="310"/></td> | ||
+ | <td style="text-align:center;"><img src="https://static.igem.org/mediawiki/2018/b/bd/T--SCAU-CHINA--safty2.jpg" height="230" width="310"/></td> | ||
+ | <td style="text-align:right;"><img src="https://static.igem.org/mediawiki/2018/5/55/T--SCAU-CHINA--safty3.jpg" height="230" width="310"/></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="text-align:left;"><img src="https://static.igem.org/mediawiki/2018/2/21/T--SCAU-CHINA--safty4.jpg" height="230" width="310"/></td> | ||
+ | <td style="text-align:center;"><img src="https://static.igem.org/mediawiki/2018/b/b6/T--SCAU-CHINA--safty5.jpg" height="230" width="310"/></td> | ||
+ | <td style="text-align:right;"><img src="https://static.igem.org/mediawiki/2018/d/df/T--SCAU-CHINA--safty6.jpg" height="230" width="310"/></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style="text-align:left;"><img src="https://static.igem.org/mediawiki/2018/9/9c/T--SCAU-CHINA--safty9.jpg" height="230" width="310"/></td> | ||
+ | <td style="text-align:center;"><img src="https://static.igem.org/mediawiki/2018/1/10/T--SCAU-CHINA--safty10.jpg" height="230" width="310"/></td> | ||
+ | <td style="text-align:right;"><img src="https://static.igem.org/mediawiki/2018/a/ae/T--SCAU-CHINA--safty11.jpg" height="230" width="310"/></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | <div style=" width:100%;"> | ||
+ | <table border="1"> | ||
+ | <tr> | ||
+ | <td style="text-align:left;"><img src="https://static.igem.org/mediawiki/2018/a/ac/T--SCAU-CHINA--safty12.jpg" height="230" width="330"/></td> | ||
+ | <td style="text-align:center;"><img src="https://static.igem.org/mediawiki/2018/2/20/T--SCAU-CHINA--safty13.jpg" height="230" width="330"/></td> | ||
+ | <td style="text-align:right;"><img src="https://static.igem.org/mediawiki/2018/f/fa/T--SCAU-CHINA--safty14.jpg" height="230" width="330"/></td> | ||
+ | </tr></table> | ||
</div> | </div> | ||
+ | |||
+ | <!--<div class='img-wrap'> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/1/18/T--SCAU-CHINA--safty1.jpg' border="1"/> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/b/bd/T--SCAU-CHINA--safty2.jpg' border="1"/> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/5/55/T--SCAU-CHINA--safty3.jpg' border="1"/> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/2/21/T--SCAU-CHINA--safty4.jpg' border="1"/> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/b/b6/T--SCAU-CHINA--safty5.jpg' border="1"/> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/d/df/T--SCAU-CHINA--safty6.jpg' border="1"/> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/9/9c/T--SCAU-CHINA--safty9.jpg' border="1"/> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/1/10/T--SCAU-CHINA--safty10.jpg' border="1"/> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/a/ae/T--SCAU-CHINA--safty11.jpg' border="1"/> | ||
− | <div | + | </div> --> |
− | + | ||
− | < | + | <!--<div class='img-wrapp'> |
+ | <img src='https://static.igem.org/mediawiki/2018/a/ac/T--SCAU-CHINA--safty12.jpg' border="1"/> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/2/20/T--SCAU-CHINA--safty13.jpg' border="1"/> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/f/fa/T--SCAU-CHINA--safty14.jpg' border="1"/> | ||
+ | </div> --> | ||
− | < | + | <div class='img-wrappp'> |
+ | <img src='https://static.igem.org/mediawiki/2018/e/ed/T--SCAU-CHINA--safty15.jpg' border="1"/> | ||
+ | <img src='' border="1"> | ||
+ | <img src='https://static.igem.org/mediawiki/2018/8/89/T--SCAU-CHINA--safty16.jpg' border="1"/> | ||
− | |||
</div> | </div> | ||
+ | |||
+ | <p>School's name:SCAU</p> | ||
+ | <p>Member's name:SCAU</p> | ||
+ | <p>Designed by:SCAU</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- 回到顶部按钮 --> | ||
+ | <em id="toTop"></em> | ||
+ | |||
+ | <script> | ||
+ | var dropdownBoxs = document.getElementsByClassName('dropdown'); | ||
+ | var dropdownMenus = document.getElementsByClassName('dropdown-menu'); | ||
+ | for (let i = 0 ; i < dropdownBoxs.length ; i ++) { | ||
+ | // console.log(dropdownBoxs[i]); | ||
+ | // console.log(dropdownMenus[i]); | ||
+ | dropdownBoxs[i].index = i; | ||
+ | dropdownBoxs[i].onclick = function () { | ||
+ | var styles = document.defaultView.getComputedStyle(dropdownMenus[i]) || dropdownMenus[i].currentStyle; | ||
+ | // console.log(styles.display); | ||
+ | if (styles.display == 'none') { | ||
+ | for (let j = 0 ; j < dropdownBoxs.length ; j ++) { | ||
+ | dropdownMenus[j].style.display = 'none'; | ||
+ | dropdownMenus[i].style.display = 'block'; | ||
+ | } | ||
+ | } else { | ||
+ | for (let j = 0 ; j < dropdownBoxs.length ; j ++) { | ||
+ | dropdownMenus[j].style.display = 'none'; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | var a= function() { | ||
+ | var box01 = document.getElementById("lists-DB"); | ||
+ | var lis = document.getElementById("lists");//获得轮播图图片盒子 | ||
+ | var btns = document.getElementById("buttons");//获得按钮盒子 | ||
+ | var imgs = lis.getElementsByTagName("img");//获得图片伪数组 | ||
+ | btns.style.width = 24 * (imgs.length - 2) + "px"; | ||
+ | btns.style.marginLeft = -(12 * (imgs.length - 2)) + "px";//动态赋值 | ||
+ | for(var i = 0;i < imgs.length - 2; i++){ | ||
+ | //动态生成小圆点 | ||
+ | var span = document.createElement("span"); | ||
+ | btns.appendChild(span); | ||
+ | } | ||
+ | |||
+ | |||
+ | //轮播图正式部分 | ||
+ | var prev = document.getElementById("arr-l"); | ||
+ | var next = document.getElementById("arr-r"); | ||
+ | var animated = false;//防止计时器多次被触发变量 | ||
+ | |||
+ | function animate(offset) { | ||
+ | var time = 300;//滚动一张图片总用时 | ||
+ | var inteval = 10;//滚动一次的间隔时间 | ||
+ | var speed = offset / (time / inteval);//每次滚动滑动的像素 | ||
+ | var left = parseInt(lis.style.left) + offset;//先计算出滚动后的left值 | ||
+ | function go() { | ||
+ | animated = true;//为true代表正在运行 | ||
+ | //滑动函数 | ||
+ | if(((speed > 0) + (parseInt(lis.style.left) < left)===2) || ((speed < 0) + (parseInt(lis.style.left)) > left===2)){ | ||
+ | lis.style.left = parseInt(lis.style.left) + speed + "px"; | ||
+ | setTimeout(go,inteval);//设置计时器 | ||
+ | } | ||
+ | else { | ||
+ | lis.style.left = left + "px"; | ||
+ | if(parseInt(lis.style.left) > -1000) lis.style.left = -(1000 * (imgs.length - 2)) + "px"; | ||
+ | if(parseInt(lis.style.left) < -(1000 * (imgs.length - 2))) lis.style.left = -1000 + "px"; | ||
+ | animated = false;//结束运行 | ||
+ | } | ||
+ | } | ||
+ | go();//调用函数 | ||
+ | |||
+ | } | ||
+ | prev.onclick = function() { | ||
+ | if(animated) return;//正在轮播停止 | ||
+ | if(index == 0) index = spans.length - 1; | ||
+ | else index --; | ||
+ | animate(1000); | ||
+ | showButton(); | ||
+ | } | ||
+ | next.onclick = function() { | ||
+ | if(animated) return; | ||
+ | if(index == spans.length - 1) index = 0; | ||
+ | else index ++; | ||
+ | animate(-1000); | ||
+ | showButton(); | ||
+ | } | ||
+ | var index = 0;//记录现在className为on的按钮 | ||
+ | |||
+ | var spans = btns.getElementsByTagName("span");//得到btns下所有的span标签 | ||
+ | spans[0].className = "on"; | ||
+ | for(var i = 0;i < spans.length;i ++ ) { | ||
+ | spans[i].index = i;//自定义属性 | ||
+ | spans[i].onclick = function() { | ||
+ | if(animated) return; | ||
+ | if(this.className == "on") return; | ||
+ | animate((index - this.index) * 1000); | ||
+ | index = this.index; | ||
+ | showButton(); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function showButton() { //显示按钮运动的函数 | ||
+ | for(var j = 0;j < spans.length;j ++) {//排它思想 | ||
+ | //if(spans[j].className == "on") oldIndex = j; | ||
+ | spans[j].className = ""; | ||
+ | spans[index].className = "on"; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | var timer;//计时器变量 , 这里为什么不能为null | ||
+ | var interval = 3000;//点击间隔时间 | ||
+ | |||
+ | function play() {//自动点击next函数 | ||
+ | timer = setTimeout(function(){ | ||
+ | next.onclick();//自动点击next | ||
+ | play();//递归调用 | ||
+ | },interval); | ||
+ | } | ||
+ | |||
+ | function stop() { | ||
+ | //停止函数 | ||
+ | clearTimeout(timer); | ||
+ | } | ||
+ | |||
+ | |||
+ | box01.onmouseover = stop; //鼠标悬浮在轮播图上时停止 | ||
+ | box01.onmouseout = play;//鼠标离开轮播图继续 | ||
+ | play();//先自己调用一次 | ||
+ | } | ||
+ | a(); | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | //封装函数js文件,方便调用 | ||
+ | function $(id) {return document.getElementById(id);}//封装获取id对象函数 | ||
+ | function show(obj) {obj.style.display = "block";}//封装显示函数 | ||
+ | function hidden(obj) {obj.style.display = "none";}//封装隐藏函数 | ||
+ | function scroll(){ | ||
+ | if(window.pageYOffset != null) { | ||
+ | //ie9+ 和 其他浏览器 | ||
+ | return { | ||
+ | top: window.pageYOffset, | ||
+ | left: window.pageXOffset | ||
+ | } | ||
+ | } | ||
+ | else if(document.compatMode == "CSS1Compat") { | ||
+ | //非怪异浏览器:没有头部的 | ||
+ | return { | ||
+ | top: document.documentElement.scrollTop, | ||
+ | left: document.documentElement.scrollLeft | ||
+ | } | ||
+ | } | ||
+ | return {//剩下的全部都是怪异浏览器 | ||
+ | top: document.body.scrollTop, | ||
+ | left: document.body.scrollLeft | ||
+ | } | ||
+ | } | ||
+ | |||
+ | var leader = 0,target = 0,timer = null;//计时器变量 | ||
+ | window.onscroll = function() { | ||
+ | //滚动时执行的函数 | ||
+ | scroll().top > 0 ? show($("toTop")) : hidden($("toTop"));//隐藏和显示totop | ||
+ | leader = scroll().top; //实时记录滚动距离 | ||
+ | } | ||
+ | $("toTop").onclick = function() { | ||
+ | //toTop被点击时执行的函数 | ||
+ | target = 0; | ||
+ | timer = setInterval(function() { | ||
+ | leader = leader + (target - leader) / 10; | ||
+ | window.scrollTo(0,leader); | ||
+ | if(leader == target) clearInterval(timer);//当到达顶端清除计时器 | ||
+ | //必须写在里面,因为在计时器执行时判断 | ||
+ | },20); | ||
+ | } | ||
+ | </script> | ||
</html> | </html> |
Latest revision as of 15:17, 17 October 2018
The biological safety of our laboratory is classified as level 1. All of the microbes and other biological samples that we needed in the project take extremely low risks to the human healthy and environments. In addition, handling, storage and disposal of biological and chemical wasted during our project strictly follow the university chemical safety policy and guideline. All of the team members took necessary safety course and get sufficient training before starting working in the lab. Food and drinks are also strongly prohibited inside the laboratory.
All of the team members had to take safety courses including general safety, chemical safety and biological safety which were provided by the university before getting into the lab. After fulfilling the requirements of the safety courses, a hands-on experimental training course of cell and molecular biology were further provided to the team to fully cover the detailed and specific safety regulations regarding to the project. The topics in our safety training are summarized as below:
1. General operations:
a. General chemical safety and policy of handling toxic chemicals (e.g. phenol and chloroform).
b. General electrical safety and guidelines for the operation of equipment and facilities.
c. Fire safety.
d. Emergent measurement and treatments under critical conditions (e.g. tackle fire, electric leakage and negligent wounds).
e. Emergent evacuation protocol (e.g. fire alarm).
f. Safe handling and disposal of sharps (e.g. needles and broken glasses).
2. Biological operations:
a. Basic techniques of molecular cloning and gene manipulation.
b. Handling protocol of transgenic and biohazard samples.
c. Health and safety protection in the lab.
d. Bio-waste disposal protocol.
Rules:
We had a teacher, professor Huang, as our supervisors to ensure our operation correctness preventing safety problems. Each of our team members had at least been working in a lab for a half year month and received biosafety training. The biosafety guidelines of our lab can be describe as follows:
1.Always remember the rules. New staffs should be well trained in rules of safety and experimental operations, and pass the experiment-test before performing experiments themselves.
2.Never drink or eat in the lab. We have a rest room and every staff can drink or eat there. And please also remember never taste or smell unknown chemicals in the lab.
3.Always dress appropriately. Each staff should be equipped with personal safety equipment to avoid direct contact with the pathogenic microorganism or toxic chemicals.
4.Always distinguish between contaminated and safe areas. Remember wear gloves before work in contaminated areas and never bring the instruments in the contaminated area out of there.
5.Always dispose of chemicals properly. Make sure the chemicals we used are collected in the recycling tank. We can't to pour anything down the drain that could potentially infect our drinking water.
6.Always remember the biosafety. One person at least in each laboratory should take charge of biosafety and establish a continuous biosafety training program.
7.Always handle emergency properly. Laboratories should establish emergency handling procedures and have routine inspection for all of the equipment.
9.Never afraid to ask question. If one person has any question about experiments design, chemical using or equipment operation, remember to ask the teacher for help before you start your experiments.
All of the chemicals and solutions that were used in the experiments of our project were well labeled with their MSDS information stored in the lab. It is always necessary for us to put on the gloves, lab coat and eye goggles during the handling of the chemicals in the lab and disposal the reagents in a proper way.
1. General chemicals:
a. Ethanol: Put on your lab coat and eye protectors, use it in a ventilated area and keep it away from fire.
b. Sodium acetate: Use it in a fume hood and avoid contact with the skin and eyes.
2. Environmental toxic chemicals:
a. Phenol: Use it in ventilated hood and put on the gloves and mask. Disposal the phenol in the organic reagents container.
b. Chloroform: Use it with gloves, and disposal it in the organic reagents container.
c. Ethidium bromide (EB): Treated EB gel with sodium hypochlorite (bleach) before disposal.
Each laboratory in our school has organic reagent containers. All of the organic reagents were placed in containers that are stored in a ventilated storage cabinet or an operating fume hood after being used. A waste disposal tag would be attached to the container with a list of the container's contents. Properly tagged waste containers would be periodically removed to the company responsible for chemical waste treatment.
1. Centrifuge: Balance the weight of the samples before start the centrifuge.
2. Blue Gel cutting machine: Look the gel through the filter in order to protect your eyes.
3. ULT freezer: Wear the gloves to prevent frostbite when removing items from the freezer,
4. Microwave oven: Wear Microwave oven gloves to prevent scalding.
The chassis biology that we used belongs to the P1 level according to the classification of biosafety.
1. E.coli strains: We mainly used two types of E.coli strains: DH5α and DH10B for the molecular cloning. They have been widely used for gene cloning in many labs across the world for years and proven non-pathogenic. It has been shown that they are barely toxic to researchers when handled properly. Moreover, we have participated in the biological safety course provided by our university and been well trained for handling the E.coli safely.
2. Acetobacter xylinum and Cyanobacteria: (Synechocystis sp.PCC6803 and Microcoleus vaginatus) are human and environmental safe microorganisms. In addition, they were strictly cultured and handled within the laboratory.
3. This year, according to the official requirements of iGEM, GMOs are not allowed to be released into the environment. Therefore our transgenic cyanobacteria will only be restricted within the laboratory.
4. All organisms were sterilized to inactive their biological properties prior to being discarded.
School's name:SCAU
Member's name:SCAU
Designed by:SCAU