Team:Glendale CC AZ/Protocols/SurivalGrowth
From 2013.igem.org
(Difference between revisions)
E.Soboslay (Talk | contribs) |
|||
(7 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{:Team:Glendale_CC_AZ/ | + | {{:Team:Glendale_CC_AZ/main.css}} |
+ | <html> | ||
+ | <head> | ||
+ | <link | ||
+ | href="http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic" | ||
+ | rel="stylesheet" type="text/css"> | ||
+ | <link | ||
+ | href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,300italic" | ||
+ | rel="stylesheet" type="text/css"> | ||
+ | <meta charset="UTF-8"> | ||
+ | <style type="text/css"> | ||
+ | body { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: rgb(230,230,230); | ||
+ | |||
+ | color: rgb(50,50,50); | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-size: 112.5%; | ||
+ | line-height: 1.6em; | ||
+ | } | ||
- | == | + | /* ================ The Timeline ================ */ |
+ | .timeline { | ||
+ | position: relative; | ||
+ | width: 660px; | ||
+ | margin: 0 auto; | ||
+ | margin-top: 20px; | ||
+ | padding: 1em 0; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | p list { | ||
+ | text-align: left; | ||
+ | } | ||
- | == Materials == | + | .timeline:before { |
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | top: 0; | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | width: 6px; | ||
+ | height: 100%; | ||
+ | margin-left: -3px; | ||
+ | background: rgb(80,80,80); | ||
+ | background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); | ||
+ | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1))); | ||
+ | background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); | ||
+ | background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); | ||
+ | background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); | ||
+ | background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%); | ||
+ | |||
+ | z-index: 5; | ||
+ | } | ||
+ | |||
+ | .timeline li { | ||
+ | padding: 1em 0; | ||
+ | } | ||
+ | |||
+ | .timeline li:after { | ||
+ | content: ""; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | .direction-l { | ||
+ | position: relative; | ||
+ | width: 300px; | ||
+ | float: left; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | .direction-r { | ||
+ | position: relative; | ||
+ | width: 300px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .flag-wrapper { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | |||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .flag { | ||
+ | position: relative; | ||
+ | display: inline; | ||
+ | background: rgb(248,248,248); | ||
+ | padding: 6px 10px; | ||
+ | border-radius: 5px; | ||
+ | |||
+ | font-weight: 600; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .direction-l .flag { | ||
+ | -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | } | ||
+ | |||
+ | .direction-r .flag { | ||
+ | -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15); | ||
+ | } | ||
+ | |||
+ | .direction-l .flag:before, | ||
+ | .direction-r .flag:before { | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | right: -40px; | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | margin-top: -10px; | ||
+ | background: #fff; | ||
+ | border-radius: 10px; | ||
+ | border: 4px solid rgb(255,80,80); | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | .direction-r .flag:before { | ||
+ | left: -40px; | ||
+ | } | ||
+ | |||
+ | .direction-l .flag:after { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | left: 100%; | ||
+ | top: 50%; | ||
+ | height: 0; | ||
+ | width: 0; | ||
+ | margin-top: -8px; | ||
+ | border: solid transparent; | ||
+ | border-left-color: rgb(248,248,248); | ||
+ | border-width: 8px; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .direction-r .flag:after { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | right: 100%; | ||
+ | top: 50%; | ||
+ | height: 0; | ||
+ | width: 0; | ||
+ | margin-top: -8px; | ||
+ | border: solid transparent; | ||
+ | border-right-color: rgb(248,248,248); | ||
+ | border-width: 8px; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .time-wrapper { | ||
+ | display: inline; | ||
+ | |||
+ | line-height: 1em; | ||
+ | font-size: 0.66666em; | ||
+ | color: rgb(250,80,80); | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .direction-l .time-wrapper { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .direction-r .time-wrapper { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .time { | ||
+ | display: inline-block; | ||
+ | padding: 4px 6px; | ||
+ | background: rgb(248,248,248); | ||
+ | } | ||
+ | |||
+ | .desc { | ||
+ | margin: 1em 0.75em 0 0; | ||
+ | |||
+ | font-size: 0.77777em; | ||
+ | font-style: italic; | ||
+ | line-height: 1.5em; | ||
+ | } | ||
+ | |||
+ | .direction-r .desc { | ||
+ | margin: 1em 0 0 0.75em; | ||
+ | } | ||
+ | |||
+ | /* ================ Timeline Media Queries ================ */ | ||
+ | |||
+ | @media screen and (max-width: 660px) { | ||
+ | |||
+ | .timeline { | ||
+ | width: 100%; | ||
+ | padding: 4em 0 1em 0; | ||
+ | } | ||
+ | |||
+ | .timeline li { | ||
+ | padding: 2em 0; | ||
+ | } | ||
+ | |||
+ | .direction-l, | ||
+ | .direction-r { | ||
+ | float: none; | ||
+ | width: 100%; | ||
+ | |||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .flag-wrapper { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .flag { | ||
+ | background: rgb(255,255,255); | ||
+ | z-index: 15; | ||
+ | } | ||
+ | |||
+ | .direction-l .flag:before, | ||
+ | .direction-r .flag:before { | ||
+ | position: absolute; | ||
+ | |||
+ | top: -30px; | ||
+ | left: 50%; | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | margin-left: -9px; | ||
+ | background: #fff; | ||
+ | border-radius: 10px; | ||
+ | border: 4px solid rgb(255,80,80); | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | .direction-l .flag:after, | ||
+ | .direction-r .flag:after { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | top: -8px; | ||
+ | height: 0; | ||
+ | width: 0; | ||
+ | margin-left: -8px; | ||
+ | border: solid transparent; | ||
+ | border-bottom-color: rgb(255,255,255); | ||
+ | border-width: 8px; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .time-wrapper { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | margin: 4px 0 0 0; | ||
+ | z-index: 14; | ||
+ | } | ||
+ | |||
+ | .direction-l .time-wrapper { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .direction-r .time-wrapper { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | .desc { | ||
+ | position: relative; | ||
+ | margin: 1em 0 0 0; | ||
+ | padding: 1em; | ||
+ | background: rgb(245,245,245); | ||
+ | -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20); | ||
+ | -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20); | ||
+ | box-shadow: 0 0 1px rgba(0,0,0,0.20); | ||
+ | |||
+ | z-index: 15; | ||
+ | } | ||
+ | |||
+ | .direction-l .desc, | ||
+ | .direction-r .desc { | ||
+ | position: relative; | ||
+ | margin: 1em 1em 0 1em; | ||
+ | padding: 1em; | ||
+ | |||
+ | z-index: 15; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 400px ?? max-width: 660px) { | ||
+ | |||
+ | .direction-l .desc, | ||
+ | .direction-r .desc { | ||
+ | margin: 1em 4em 0 4em; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | * { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | |||
+ | html { | ||
+ | font-size:50%; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | font-family: "Source Sans Pro"; | ||
+ | font-size:1.4rem; | ||
+ | line-height: 2.3rem; | ||
+ | color:#444; | ||
+ | background: #fff; | ||
+ | margin:0; | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color: #06c; | ||
+ | transition: color .3s; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color: #012c57; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6, h7 { | ||
+ | font-family: "Futura"; | ||
+ | line-height:2.6rem; | ||
+ | font-weight:normal; | ||
+ | color: #111; | ||
+ | } | ||
+ | |||
+ | .content-area { | ||
+ | width:850px; | ||
+ | padding:2rem; | ||
+ | margin:auto; | ||
+ | background: #f9f9f9; | ||
+ | } | ||
+ | |||
+ | .content-area h1 { | ||
+ | font-size: 2.7rem; | ||
+ | } | ||
+ | |||
+ | .content-area h2 { | ||
+ | font-size: 2.2rem; | ||
+ | } | ||
+ | |||
+ | .content-area h3 { | ||
+ | font-size: 2.7rem; | ||
+ | } | ||
+ | |||
+ | .content-area h4 { | ||
+ | font-size: 4.0rem; | ||
+ | } | ||
+ | |||
+ | .content-area h5 { | ||
+ | font-size: 1.4rem; | ||
+ | } | ||
+ | |||
+ | .content-area h6 { | ||
+ | font-size: 1.2rem; | ||
+ | } | ||
+ | |||
+ | .content-area aside { | ||
+ | float:right; | ||
+ | width:50%; | ||
+ | padding:2rem; | ||
+ | |||
+ | .blockquote { | ||
+ | font-family: Georgia, serif; | ||
+ | font-size: 18px; | ||
+ | font-style: italic; | ||
+ | width: 500px; | ||
+ | margin: 0.25em 0; | ||
+ | padding: 0.35em 40px; | ||
+ | line-height: 1.45; | ||
+ | position: relative; | ||
+ | color: #383838; | ||
+ | } | ||
+ | |||
+ | .blockquote:before { | ||
+ | display: block; | ||
+ | padding-left: 10px; | ||
+ | content: "\201C"; | ||
+ | font-size: 80px; | ||
+ | position: absolute; | ||
+ | left: -20px; | ||
+ | top: -20px; | ||
+ | color: #7a7a7a; | ||
+ | } | ||
+ | |||
+ | .blockquote cite { | ||
+ | color: #999999; | ||
+ | font-size: 14px; | ||
+ | display: block; | ||
+ | margin-top: 5px; | ||
+ | } | ||
+ | |||
+ | .blockquote cite:before { | ||
+ | content: "\2014 \2009"; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | <title></title> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div class="content-area"> <article> | ||
+ | </article> | ||
+ | <img style="border: 0px solid ; width: 50px; height: 40px;" alt="iGEM" src="http://s21.postimg.org/ff5nkjy9v/IGEM_basic_Logo_stylized.png" align="left"> | ||
+ | <h4>Glendale Community College Arizona<img | ||
+ | style="width: 200px; height: 58px;" alt="GCC" | ||
+ | src="https://static.igem.org/mediawiki/2013/f/f1/Gcclogo.gif" align="right"> | ||
+ | </h4> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | |||
+ | <h2><p>Protocols</p></h2><img style="border: 0px solid ; width: 400px; height: 200px;" alt="iGEM" src="https://static.igem.org/mediawiki/igem.org/1/19/Tubes2GCC.JPG" align="right"> | ||
+ | |||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/GrowthCurve">Growth Curve Assay</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/NaCl">NaCl Growth Curve Assay</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/SurivalGrowth">Survival Growth Assay</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/AlkalineLysis">Alkaline Lysis Plasmid Miniprep </a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/RestrictionDigest">Restriction Digest</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/DNAIsolation">DNA Isolation</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/Bioinformatics">Bioinformatics</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/Ligation">Ligation</a></p> | ||
+ | <a href="https://2013.igem.org/Team:Glendale_CC_AZ/Protocols/Transformation">Transformation</a></p> | ||
+ | |||
+ | |||
+ | <!--/.content-area--> | ||
+ | </body> | ||
+ | </html> | ||
+ | |||
+ | ==== Survival Growth Assay ==== | ||
+ | |||
+ | |||
+ | ==== Materials ==== | ||
-P200 micropipette | -P200 micropipette | ||
- | - | + | -10µl bacteria |
- | - | + | -90µl LB media |
-Agar plates with appropriate antibiotic | -Agar plates with appropriate antibiotic | ||
-Spreader | -Spreader | ||
-20mL ethanol (to sterilize spreader) | -20mL ethanol (to sterilize spreader) | ||
- | -Incubator set to | + | -Incubator set to 37°C. |
- | == Procedure == | + | ==== Procedure ==== |
1. Label all plates (Keep upside down to avoid condensation on agar) | 1. Label all plates (Keep upside down to avoid condensation on agar) | ||
Line 22: | Line 466: | ||
2. Pipette LB media into tube containing bacteria; aspirate. | 2. Pipette LB media into tube containing bacteria; aspirate. | ||
- | 3. Using P200 micropipette, extract all | + | 3. Using P200 micropipette, extract all 100µl of solution and place onto appropriate agar plate. |
4. Briefly flame the spreader and let cool momentarily. | 4. Briefly flame the spreader and let cool momentarily. | ||
Line 28: | Line 472: | ||
5. Spread bacteria-LB solution all over plate. | 5. Spread bacteria-LB solution all over plate. | ||
- | 6. Incubate at | + | 6. Incubate at 37°C for up to 24 hours. |
Latest revision as of 02:34, 28 September 2013
![iGEM](http://s21.postimg.org/ff5nkjy9v/IGEM_basic_Logo_stylized.png)
Glendale Community College Arizona
Protocols
Survival Growth Assay
Materials
-P200 micropipette -10µl bacteria -90µl LB media -Agar plates with appropriate antibiotic -Spreader -20mL ethanol (to sterilize spreader) -Incubator set to 37°C.
Procedure
1. Label all plates (Keep upside down to avoid condensation on agar)
2. Pipette LB media into tube containing bacteria; aspirate.
3. Using P200 micropipette, extract all 100µl of solution and place onto appropriate agar plate.
4. Briefly flame the spreader and let cool momentarily.
5. Spread bacteria-LB solution all over plate.
6. Incubate at 37°C for up to 24 hours.