|
|
| Line 1: |
Line 1: |
| - | {{CSS/Main}}
| |
| - |
| |
| - | <html>
| |
| - |
| |
| - |
| |
| - | <title>Breakdown Notes - June</title>
| |
| - |
| |
| - | <head>
| |
| - |
| |
| - | <link href='http://fonts.googleapis.com/css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
| |
| - | <link href='http://fonts.googleapis.com/css?family=Muli:300,400' rel='stylesheet' type='text/css'>
| |
| - |
| |
| - |
| |
| - | <style type="text/css">
| |
| - | /* http://meyerweb.com/eric/tools/css/reset/
| |
| - | v2.0 | 20110126
| |
| - | License: none (public domain)
| |
| - | */
| |
| - |
| |
| - | html, body, div, span, applet, object, iframe, p, blockquote, pre,
| |
| - | a, abbr, acronym, address, big, cite, code,
| |
| - | del, dfn, em, img, ins, kbd, q, s, samp,
| |
| - | small, strike, strong, sub, sup, tt, var,
| |
| - | b, u, i, center,
| |
| - | dl, dt, dd, ol, ul, li,
| |
| - | fieldset, form, label, legend,
| |
| - | table, caption, tbody, tfoot, thead, tr, th, td,
| |
| - | article, aside, canvas, details, embed,
| |
| - | figure, figcaption, footer, header, hgroup,
| |
| - | menu, nav, output, ruby, section, summary,
| |
| - | time, mark, audio, video {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | border: 0;
| |
| - | font-size: 90%;
| |
| - | font: inherit;
| |
| - | vertical-align: baseline;
| |
| - | }
| |
| - | /* HTML5 display-role reset for older browsers */
| |
| - | article, aside, details, figcaption, figure,
| |
| - | footer, header, hgroup, menu, nav, section {
| |
| - | display: block;
| |
| - | }
| |
| - | body {
| |
| - | line-height: 1;
| |
| - | }
| |
| - | blockquote, q {
| |
| - | quotes: none;
| |
| - | }
| |
| - | blockquote:before, blockquote:after,
| |
| - | q:before, q:after {
| |
| - | content: '';
| |
| - | content: none;
| |
| - | }
| |
| - | table {
| |
| - | border-collapse: collapse;
| |
| - | border-spacing: 0;
| |
| - | }
| |
| - |
| |
| - | #menubar > ul{
| |
| - | vertical-align:center;
| |
| - | font-size:14px;
| |
| - | font-family:'Times New Roman',serif;
| |
| - | }
| |
| - |
| |
| - | .firstHeading{
| |
| - | display:none;
| |
| - | }
| |
| - |
| |
| - | #textbox span{
| |
| - | color:#E6B800;
| |
| - | }
| |
| - | .photo{
| |
| - | width:70%;
| |
| - | }
| |
| - | table{
| |
| - | font-family:'Muli',sans-serif;
| |
| - | }
| |
| - | body{
| |
| - | background-color:#EFEFEF;
| |
| - | line-height:1.3;
| |
| - | font-size:90%;
| |
| - | }
| |
| - | #cssmenu {
| |
| - | width:100%;
| |
| - | height: 44px;
| |
| - | background: #222222;
| |
| - | position:relative;
| |
| - | text-align:center;
| |
| - | margin:auto;
| |
| - | }
| |
| - | #cssmenu ul {
| |
| - | list-style: none;
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | line-height: 1;
| |
| - | }
| |
| - | #cssmenu > ul {
| |
| - | position: relative;
| |
| - | display: block;
| |
| - | background: #222222;
| |
| - | width: 100%;
| |
| - | z-index: 500;
| |
| - | }
| |
| - | #cssmenu:after,
| |
| - | #cssmenu > ul:after {
| |
| - | content: '.';
| |
| - | display: block;
| |
| - | clear: both;
| |
| - | visibility: hidden;
| |
| - | line-height: 0;
| |
| - | height: 0;
| |
| - | }
| |
| - | #cssmenu.align-right > ul > li {
| |
| - | float: right;
| |
| - | }
| |
| - | #cssmenu.align-center ul {
| |
| - | text-align: center;
| |
| - | }
| |
| - | #cssmenu.align-center ul ul {
| |
| - | text-align: left;
| |
| - | }
| |
| - | #cssmenu > ul > li {
| |
| - | display: inline-block;
| |
| - | position: relative;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - | #cssmenu > ul > #menu-button {
| |
| - | display: none;
| |
| - | }
| |
| - | #cssmenu ul li a {
| |
| - | display: block;
| |
| - | font-family: Helvetica, sans-serif;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | #cssmenu > ul > li > a {
| |
| - | font-size: 14px;
| |
| - | font-weight: bold;
| |
| - | padding: 15px 20px;
| |
| - | color: #efefef;
| |
| - | text-transform: uppercase;
| |
| - | -webkit-transition: color 0.25s ease-out;
| |
| - | -moz-transition: color 0.25s ease-out;
| |
| - | -ms-transition: color 0.25s ease-out;
| |
| - | -o-transition: color 0.25s ease-out;
| |
| - | transition: color 0.25s ease-out;
| |
| - | }
| |
| - | #cssmenu > ul > li.has-sub > a {
| |
| - | padding-right: 32px;
| |
| - | }
| |
| - | #cssmenu > ul > li:hover > a {
| |
| - | color: #E6B800;
| |
| - | }
| |
| - | #cssmenu li.has-sub::after {
| |
| - | display: block;
| |
| - | content: '';
| |
| - | position: absolute;
| |
| - | width: 0;
| |
| - | height: 0;
| |
| - | }
| |
| - | #cssmenu > ul > li.has-sub::after {
| |
| - | right: 10px;
| |
| - | top: 20px;
| |
| - | border: 5px solid transparent;
| |
| - | border-top-color: #efefef;
| |
| - | }
| |
| - | #cssmenu > ul > li:hover::after {
| |
| - | border-top-color: #E6B800;
| |
| - | }
| |
| - | #indicatorContainer {
| |
| - | position: absolute;
| |
| - | height: 12px;
| |
| - | width: 100%;
| |
| - | bottom: 0px;
| |
| - | overflow: hidden;
| |
| - | z-index: -1;
| |
| - | }
| |
| - | #pIndicator {
| |
| - | position: absolute;
| |
| - | height: 0;
| |
| - | width: 100%;
| |
| - | border: 12px solid transparent;
| |
| - | border-top-color: #2b2f3a;
| |
| - | z-index: -2;
| |
| - | -webkit-transition: left .25s ease;
| |
| - | -moz-transition: left .25s ease;
| |
| - | -ms-transition: left .25s ease;
| |
| - | -o-transition: left .25s ease;
| |
| - | transition: left .25s ease;
| |
| - | }
| |
| - | #cIndicator {
| |
| - | position: absolute;
| |
| - | height: 0;
| |
| - | width: 100%;
| |
| - | border: 12px solid transparent;
| |
| - | border-top-color: #2b2f3a;
| |
| - | top: -12px;
| |
| - | right: 100%;
| |
| - | z-index: -2;
| |
| - | }
| |
| - | #cssmenu ul ul {
| |
| - | position: absolute;
| |
| - | left: -9999px;
| |
| - | top: 70px;
| |
| - | opacity: 0;
| |
| - | -webkit-transition: opacity .3s ease, top .25s ease;
| |
| - | -moz-transition: opacity .3s ease, top .25s ease;
| |
| - | -ms-transition: opacity .3s ease, top .25s ease;
| |
| - | -o-transition: opacity .3s ease, top .25s ease;
| |
| - | transition: opacity .3s ease, top .25s ease;
| |
| - | z-index: 1000;
| |
| - | }
| |
| - | #cssmenu ul ul ul {
| |
| - | top: 37px;
| |
| - | padding-left: 5px;
| |
| - | }
| |
| - | #cssmenu ul ul li {
| |
| - | position: relative;
| |
| - | }
| |
| - | #cssmenu > ul > li:hover > ul {
| |
| - | left: auto;
| |
| - | top: 44px;
| |
| - | opacity: 1;
| |
| - | }
| |
| - | #cssmenu.align-right > ul > li:hover > ul {
| |
| - | left: auto;
| |
| - | right: 0;
| |
| - | opacity: 1;
| |
| - | }
| |
| - | #cssmenu ul ul li:hover > ul {
| |
| - | left: 170px;
| |
| - | top: 0;
| |
| - | opacity: 1;
| |
| - | }
| |
| - | #cssmenu.align-right ul ul li:hover > ul {
| |
| - | left: auto;
| |
| - | right: 170px;
| |
| - | top: 0;
| |
| - | opacity: 1;
| |
| - | padding-right: 5px;
| |
| - | }
| |
| - | #cssmenu ul ul li a {
| |
| - | width: 130px;
| |
| - | border-bottom: 1px solid #eeeeee;
| |
| - | padding: 10px 20px;
| |
| - | font-size: 12px;
| |
| - | color: #222222;
| |
| - | background: white;
| |
| - | -webkit-transition: all .35s ease;
| |
| - | -moz-transition: all .35s ease;
| |
| - | -ms-transition: all .35s ease;
| |
| - | -o-transition: all .35s ease;
| |
| - | transition: all .35s ease;
| |
| - | }
| |
| - | #cssmenu.align-right ul ul li a {
| |
| - | text-align: right;
| |
| - | }
| |
| - | #cssmenu ul ul li:hover > a {
| |
| - | background: white;
| |
| - | color: #E6B800;
| |
| - | }
| |
| - | #cssmenu ul ul li:last-child > a,
| |
| - | #cssmenu ul ul li.last > a {
| |
| - | border-bottom: 0;
| |
| - | }
| |
| - | #cssmenu > ul > li > ul::after {
| |
| - | content: '';
| |
| - | border: 6px solid transparent;
| |
| - | width: 0;
| |
| - | height: 0;
| |
| - | border-bottom-color: #efefef;
| |
| - | position: absolute;
| |
| - | top: -12px;
| |
| - | left: 30px;
| |
| - | }
| |
| - | #cssmenu.align-right > ul > li > ul::after {
| |
| - | left: auto;
| |
| - | right: 30px;
| |
| - | }
| |
| - | #cssmenu ul ul li.has-sub::after {
| |
| - | border: 4px solid transparent;
| |
| - | border-left-color: #222222;
| |
| - | right: 10px;
| |
| - | top: 12px;
| |
| - | -moz-transition: all .2s ease;
| |
| - | -ms-transition: all .2s ease;
| |
| - | -o-transition: all .2s ease;
| |
| - | transition: all .2s ease;
| |
| - | -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
| |
| - | }
| |
| - | #cssmenu.align-right ul ul li.has-sub::after {
| |
| - | border-left-color: transparent;
| |
| - | border-right-color: #222222;
| |
| - | right: auto;
| |
| - | left: 10px;
| |
| - | }
| |
| - | #cssmenu ul ul li.has-sub:hover::after {
| |
| - | border-left-color: #efefef;
| |
| - | right: -5px;
| |
| - | -webkit-transform: rotateY(180deg);
| |
| - | -ms-transform: rotateY(180deg);
| |
| - | -moz-transform: rotateY(180deg);
| |
| - | -o-transform: rotateY(180deg);
| |
| - | transform: rotateY(180deg);
| |
| - | }
| |
| - | #cssmenu.align-right ul ul li.has-sub:hover::after {
| |
| - | border-right-color: #efefef;
| |
| - | border-left-color: transparent;
| |
| - | left: -5px;
| |
| - | -webkit-transform: rotateY(180deg);
| |
| - | -ms-transform: rotateY(180deg);
| |
| - | -moz-transform: rotateY(180deg);
| |
| - | -o-transform: rotateY(180deg);
| |
| - | transform: rotateY(180deg);
| |
| - | }
| |
| - | @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
| |
| - | #cssmenu {
| |
| - | width: 100%;
| |
| - | }
| |
| - | #cssmenu.align-center ul {
| |
| - | text-align: left;
| |
| - | }
| |
| - | #cssmenu.align-right > ul > li {
| |
| - | float: none;
| |
| - | }
| |
| - | #cssmenu ul {
| |
| - | width: auto;
| |
| - | }
| |
| - | #cssmenu .submenuArrow,
| |
| - | #cssmenu #indicatorContainer {
| |
| - | display: none;
| |
| - | }
| |
| - | #cssmenu > ul {
| |
| - | height: auto;
| |
| - | display: block;
| |
| - | color:#EFEFEF;
| |
| - | }
| |
| - | #cssmenu > ul > li {
| |
| - | float: none;
| |
| - | }
| |
| - | #cssmenu li,
| |
| - | #cssmenu > ul > li {
| |
| - | display: none;
| |
| - | color:white;
| |
| - | }
| |
| - | #cssmenu ul ul,
| |
| - | #cssmenu ul ul ul,
| |
| - | #cssmenu ul > li:hover > ul,
| |
| - | #cssmenu ul ul > li:hover > ul,
| |
| - | #cssmenu.align-right ul ul,
| |
| - | #cssmenu.align-right ul ul ul,
| |
| - | #cssmenu.align-right ul > li:hover > ul,
| |
| - | #cssmenu.align-right ul ul > li:hover > ul {
| |
| - | position: relative;
| |
| - | left: auto;
| |
| - | top: auto;
| |
| - | opacity: 1;
| |
| - | padding-left: 0;
| |
| - | padding-right: 0;
| |
| - | right: auto;
| |
| - | }
| |
| - | #cssmenu ul .has-sub::after {
| |
| - | display: none;
| |
| - | }
| |
| - | #cssmenu ul li a {
| |
| - | padding: 12px 20px;
| |
| - | }
| |
| - | #cssmenu ul ul li a {
| |
| - | border: 0;
| |
| - | background: none;
| |
| - | width: auto;
| |
| - | padding: 8px 35px;
| |
| - | color:white;
| |
| - | }
| |
| - | #cssmenu.align-right ul ul li a {
| |
| - | text-align: left;
| |
| - | }
| |
| - | #cssmenu ul ul li:hover > a {
| |
| - | background:none;
| |
| - | color: #ec9359;
| |
| - | }
| |
| - | #cssmenu ul ul ul a {
| |
| - | padding: 8px 50px;
| |
| - | }
| |
| - | #cssmenu ul ul ul ul a {
| |
| - | padding: 8px 65px;
| |
| - | }
| |
| - | #cssmenu ul ul ul ul ul a {
| |
| - | padding: 8px 80px;
| |
| - | }
| |
| - | #cssmenu ul ul ul ul ul ul a {
| |
| - | padding: 8px 95px;
| |
| - | }
| |
| - | #cssmenu > ul > #menu-button {
| |
| - | display: block;
| |
| - | cursor: pointer;
| |
| - | }
| |
| - | #cssmenu #menu-button > a {
| |
| - | padding: 14px 20px;
| |
| - | }
| |
| - | #cssmenu ul.open li,
| |
| - | #cssmenu > ul.open > li {
| |
| - | display: block;
| |
| - | }
| |
| - | #cssmenu > ul.open > li#menu-button > a {
| |
| - | color: #fff;
| |
| - | border-bottom: 1px solid rgba(150, 150, 150, 0.1);
| |
| - | }
| |
| - | #cssmenu ul ul::after {
| |
| - | display: none;
| |
| - | }
| |
| - | #cssmenu #menu-button::after {
| |
| - | display: block;
| |
| - | content: '';
| |
| - | position: absolute;
| |
| - | height: 3px;
| |
| - | width: 22px;
| |
| - | border-top: 2px solid #efefef;
| |
| - | border-bottom: 2px solid #efefef;
| |
| - | right: 20px;
| |
| - | top: 15px;
| |
| - | }
| |
| - | #cssmenu #menu-button::before {
| |
| - | display: block;
| |
| - | content: '';
| |
| - | position: absolute;
| |
| - | height: 3px;
| |
| - | width: 22px;
| |
| - | border-top: 2px solid #efefef;
| |
| - | right: 20px;
| |
| - | top: 25px;
| |
| - | }
| |
| - | #cssmenu ul.open #menu-button::after,
| |
| - | #cssmenu ul.open #menu-button::before {
| |
| - | border-color: #fff;
| |
| - | }
| |
| - | }
| |
| - | .icon{
| |
| - | width:30px;
| |
| - | }
| |
| - | .wrapper2{
| |
| - | width:20%;
| |
| - | padding:20px 0px 20px 20px;
| |
| - | display:inline-block;
| |
| - | margin:auto;
| |
| - | vertical-align:top;
| |
| - | }
| |
| - | .wrapper{
| |
| - | width:90%;
| |
| - | padding:20px 0px 20px 20px;
| |
| - | padding-left:0;
| |
| - | margin:auto;
| |
| - | vertical-align: top;
| |
| - | }
| |
| - | .page, .container{
| |
| - | width:50%;
| |
| - | min-width:600px;
| |
| - | max-width:800px;
| |
| - | padding:30px;
| |
| - | margin:auto;
| |
| - | text-align:left;
| |
| - | font-family:'Muli',sans-serif;
| |
| - | display:inline-block;
| |
| - | }
| |
| - | .page a, .container a{
| |
| - | color:#222222;
| |
| - | }
| |
| - | .page a:hover, .container a:hover{
| |
| - | color:#E6B800;
| |
| - | text-decoration:none;
| |
| - | }
| |
| - |
| |
| - | h1{
| |
| - | color:#222222;
| |
| - | font-family:'Bitter',serif;
| |
| - | border-bottom:none;
| |
| - | }
| |
| - | h2,h3,.toc,.show,.hide,.content{
| |
| - | color:#222222;
| |
| - | font-family:'Bitter',serif;
| |
| - | text-decoration:none;
| |
| - | border-bottom:none;
| |
| - | }
| |
| - | h4,h5,h6, .page{
| |
| - | color:#222222;
| |
| - | font-family:'Muli',sans-serif;
| |
| - | }
| |
| - | .toc{
| |
| - | text-decoration:none;
| |
| - | display:none;
| |
| - | width:100%;
| |
| - | margin:auto;
| |
| - | border:none;
| |
| - | background-color:#efefef;
| |
| - | }
| |
| - | .toc .month-group { margin: 20px 0; }
| |
| - | .toc .month-group p { padding: 0; margin: 0; }
| |
| - | #ftoc{
| |
| - | color:#666666;
| |
| - | }
| |
| - | ul{
| |
| - | list-style-type:none;
| |
| - | }
| |
| - | .month-group, a{
| |
| - | text-decoration:none;
| |
| - | }
| |
| - | .month-group{
| |
| - | margin-left:20px;
| |
| - | }
| |
| - | .month-group:hover{
| |
| - | color:#E6B800;
| |
| - | }
| |
| - | .toc a, .toc2 a, #navi a{
| |
| - | text-decoration:none;
| |
| - | color:#222222;
| |
| - | font-weight: bold;
| |
| - | }
| |
| - | .toc a:hover, #ftoc>a:hover, #navi a:hover, .show:hover, .hide:hover, .container>a:hover{
| |
| - | color:#E6B800 !important;
| |
| - | cursor:pointer;
| |
| - | }
| |
| - | .toc a, #ftoc, .container a, #navi{
| |
| - | border-bottom:2px dotted;
| |
| - | }
| |
| - | #navi{
| |
| - | text-decoration:none;
| |
| - | font-family:'Bitter',serif;
| |
| - | }
| |
| - | #logo{
| |
| - | width:120px;
| |
| - | margin:auto;
| |
| - | padding:40px;
| |
| - | border-radius:100%;
| |
| - | }
| |
| - | #banner{
| |
| - | width:auto;
| |
| - | height:250px;
| |
| - | vertical-align:top;
| |
| - | background-color:#E6B800;
| |
| - | overflow: hidden
| |
| - | }
| |
| - | .fixed {
| |
| - | position:fixed !important;
| |
| - | top:0;
| |
| - | }
| |
| - | .disp{
| |
| - | display:none;
| |
| - | }
| |
| - | .col {
| |
| - | width: 20%;
| |
| - | float: left;
| |
| - | clear: right;
| |
| - | margin: 20px 1.66666666666666666666666666%;
| |
| - | font-family:'Muli',sans-serif;
| |
| - | font-weight:300;
| |
| - | font-size:14px;
| |
| - | color:#222222;
| |
| - | text-align:left;
| |
| - | }
| |
| - | .clear{
| |
| - | width:100%;
| |
| - | clear:both;
| |
| - | }
| |
| - | .container{
| |
| - | line-height:1.9;
| |
| - | }
| |
| - | .index{
| |
| - | margin-right:20px;
| |
| - | }
| |
| - | .toc2{
| |
| - | display:block;
| |
| - | }
| |
| - | .footer{
| |
| - | background-color:#222222;
| |
| - | width:100%;
| |
| - | margin:auto;
| |
| - | padding:15px;
| |
| - | color:#efefef;
| |
| - | font-size:14px;
| |
| - | }
| |
| - | .footer table{
| |
| - | background-color:#222222;
| |
| - | color:#efefef;
| |
| - | margin:auto;
| |
| - | }
| |
| - | .footer a{
| |
| - | color:#efefef;
| |
| - | }
| |
| - | .page a{
| |
| - | border-bottom: dotted 2px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | </head>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <body style='margin:0'>
| |
| - |
| |
| - | <div id='banner'><center><img src='http://oi57.tinypic.com/1498eg5.jpg' style='width:100%; margin-top:-200px'/>
| |
| - | </center></div>
| |
| - |
| |
| - | <div id='cssmenu'>
| |
| - | <ul>
| |
| - | <li><a href='/Team:CSU_Fort_Collins'><span>Home</span></a></li>
| |
| - | <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Project/'><span>Project</span></a>
| |
| - | <ul>
| |
| - | <li><a href='/Team:CSU_Fort_Collins/Biosensor/'><span>Biosensor</span></a></li>
| |
| - | <li><a href='/Team:CSU_Fort_Collins/Breakdown/'><span>Breakdown</span></a></li>
| |
| - | <li><a href='/Team:CSU_Fort_Collins/HVP/'><span>High-Value Product</span></a></li>
| |
| - | <li><a href='/Team:CSU_Fort_Collins/KillSwitch/'><span>Kill Switch</span></a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Members/'><span>Team</span></a>
| |
| - | <ul>
| |
| - | <li><a href='/Team:CSU_Fort_Collins/Members/'><span>Members</span></a></li>
| |
| - | <li class='last'><a href='/Team:CSU_Fort_Collins/Sponsors/'><span>Sponsors</span></a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li class='has-sub' class='active'><a href='/Team:CSU_Fort_Collins/Notebook/'><span>Notebook</span></a>
| |
| - | <ul style="display:block">
| |
| - | <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Protocols'><span>Protocols</span></a>
| |
| - | <ul>
| |
| - | <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Gibson"><span>Gibson Assembly</span></a></li>
| |
| - | <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Cloning"><span>Cloning Genes</span></a></li>
| |
| - | <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Miniprep"><span>Plasmid Miniprep</span></a></li>
| |
| - | <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Isolation"><span>Yeast DNA Isolation</span></a></li>
| |
| - | <li><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Gel"><span>Gel Electrophoresis</span></a></li>
| |
| - | <li class='last'><a href="/Team:CSU_Fort_Collins/Notebook/Protocols=Purify"><span>PCR Product Purification</span></a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/DailyNotes'><span>Daily Notes</span></a>
| |
| - | <ul>
| |
| - | <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Biosensor/Jun'><span>Biosensor</span></a>
| |
| - | <ul>
| |
| - | <li><a href="/Team:CSU_Fort_Collins/Notebook/Biosensor/Jun"><span>June</span></a></li>
| |
| - | <li><a href="/Team:CSU_Fort_Collins/Notebook/Biosensor/Jul"><span>July</span></a></li>
| |
| - | <li class='last'><a href='/Team:CSU_Fort_Collins/Notebook/Biosensor/Aug'><span>August</span></a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/Breakdown/'><span>Breakdown</span></a>
| |
| - | <ul>
| |
| - | <li><a href="#"><span>July</span></a></li>
| |
| - | <li><a href='#'><span>August</span></a></li>
| |
| - | <li class='last'><a href="#"><span>September</span></a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/HVP/'><span>High-Value Product</span></a>
| |
| - | <ul>
| |
| - | <li><a href="#"><span>June</span></a></li>
| |
| - | <li><a href="#"><span>July</span></a></li>
| |
| - | <li><a href='#'><span>August</span></a></li>
| |
| - | <li class='last'><a href="#"><span>September</span></a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li li class='has-sub'><a href='/Team:CSU_Fort_Collins/Notebook/KillSwitch/'><span>Kill Switch</span></a>
| |
| - | <ul>
| |
| - | <li><a href="#"><span>July</span></a></li>
| |
| - | <li><a href='#'><span>August</span></a></li>
| |
| - | <li class='last'><a href="#"><span>September</span></a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li class='has-sub'><a href='/Team:CSU_Fort_Collins/HumPrac/'><span>Human Practices</span></a>
| |
| - | <ul>
| |
| - | <li><a href='/Team:CSU_Fort_Collins/Collab/'><span>Collaboration</span></a></li>
| |
| - | <li class='last'><a href='/Team:CSU_Fort_Collins/Outreach/'><span>Outreach</span></a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li class='has-sub'><a href='/Team:CSU_Fort_Collins/Achievements/'><span>Achievements</span></a>
| |
| - | <ul>
| |
| - | <li><a href='/Team:CSU_Fort_Collins/Parts/'><span>Parts</span></a></li>
| |
| - | <li class='last'><a href='/Team:CSU_Fort_Collins/Judging/'><span>Judging</span></a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | <li><a href='/Team:CSU_Fort_Collins/Safety/'><span>Safety</span></a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div class="clear"></div>
| |
| - |
| |
| - | <div class='wrapper'>
| |
| - | <center><h1>Breakdown Daily Notes</h1>
| |
| - |
| |
| - | <div class='show'>Show Table of Contents</div>
| |
| - | <div class='toc'>
| |
| - | <div class='hide'>Hide Table of Contents</div><br><br>
| |
| - | <a href='/Team:CSU_Fort_Collins/Notebook/' id='ftoc'>← Full Table of Contents</a><br>
| |
| - | <div class="month-group">
| |
| - | <a href='/Team:CSU_Fort_Collins/Notebook/Breakdown/Jul'>July</a>
| |
| - | <p>Lac Promoter and FadD Assembly</p>
| |
| - | </div>
| |
| - | <div class="month-group">
| |
| - | <a href='/Team:CSU_Fort_Collins/Notebook/Breakdown/Aug'>August</a>
| |
| - | <p>PLR, PFL, and PFL2 Assembly</p>
| |
| - | </div>
| |
| - | <div class="month-group">
| |
| - | <a href='/Team:CSU_Fort_Collins/Notebook/Breakdown/Sep'>September</a>
| |
| - | <p>Scientists vs. the PCR Machine</p>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <div class='page'>
| |
| - | <p>
| |
| - | <p>
| |
| - | <h2>JUNE</h2>
| |
| - | <h4>Monday, June 2 - Friday, June 6</h4>
| |
| - | Had a group meeting to discuss project ideas and paths forward. Received and organized lab supplies. Began literature search for biosensor genes that perform similarly to our goal.
| |
| - |
| |
| - | <h4>Monday, June 9 - Friday, June 13</h4>
| |
| - | Drafted primers to be created by PMF in order to construct promotors based upon Zhang et al. Diagrammed our plasmid. Researched the Beta-Oxidation pathway.
| |
| - |
| |
| - | <h4>Monday, June 16 - Friday, June 20</h4>
| |
| - | Received primers from PMF and made working concentrations for our experiment. Ran "Promoter Assembly" for all four primers and ran a PCR for PLR.
| |
| - |
| |
| - | <h4>Monday, June 23 - Friday, June 27</h4>
| |
| - | Ran a gel to test the success of the PCR for PLR, and it appeared successful. PAR and PFL were assembled and run through their PCR protocols. Created PCR backups due to uncertainty of ligation prep. Worked on app development.
| |
| - |
| |
| - | </p>
| |
| - |
| |
| - | </p>
| |
| - | <br><br>
| |
| - |
| |
| - | <center><a href='/Team:CSU_Fort_Collins/Notebook/Protocols=Purify' id='navi' style='margin-left:-20px; margin-right:40px'> Previous</a> <a href='/Team:CSU_Fort_Collins/Notebook/Biosensor/Jul' id='navi'>Next </a></center>
| |
| - | </div>
| |
| - |
| |
| - | </center>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
| |
| - | <script type='text/javascript'>
| |
| - | $('#cssmenu').prepend('<div id="indicatorContainer"><div id="pIndicator"><div id="cIndicator"></div></div></div>');
| |
| - | var activeElement = $('#cssmenu>ul>li:first');
| |
| - |
| |
| - | $('#cssmenu>ul>li').each(function() {
| |
| - | if ($(this).hasClass('active')) {
| |
| - | activeElement = $(this);
| |
| - | }
| |
| - | });
| |
| - |
| |
| - |
| |
| - | var posLeft = activeElement.position().left;
| |
| - | var elementWidth = activeElement.width();
| |
| - | posLeft = posLeft + elementWidth/2 -6;
| |
| - | if (activeElement.hasClass('has-sub')) {
| |
| - | posLeft -= 6;
| |
| - | }
| |
| - |
| |
| - | $('#cssmenu #pIndicator').css('left', posLeft);
| |
| - | var element, leftPos, indicator = $('#cssmenu pIndicator');
| |
| - |
| |
| - | $("#cssmenu>ul>li").hover(function() {
| |
| - | element = $(this);
| |
| - | var w = element.width();
| |
| - | if ($(this).hasClass('has-sub'))
| |
| - | {
| |
| - | leftPos = element.position().left + w/2 - 12;
| |
| - | }
| |
| - | else {
| |
| - | leftPos = element.position().left + w/2 - 6;
| |
| - | }
| |
| - |
| |
| - | $('#cssmenu #pIndicator').css('left', leftPos);
| |
| - | }
| |
| - | , function() {
| |
| - | $('#cssmenu #pIndicator').css('left', posLeft);
| |
| - | });
| |
| - |
| |
| - | $('#cssmenu>ul').prepend('<li id="menu-button"><a>Menu</a></li>');
| |
| - | $( "#menu-button" ).click(function(){
| |
| - | if ($(this).parent().hasClass('open')) {
| |
| - | $(this).parent().removeClass('open');
| |
| - | }
| |
| - | else {
| |
| - | $(this).parent().addClass('open');
| |
| - | }
| |
| - | });
| |
| - | </script>
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function(){
| |
| - | $(document).on('click', '.show', function(){
| |
| - | $('.toc').show(100);
| |
| - | $('.show').hide();
| |
| - | });
| |
| - | $(document).on('click', '.hide', function(){
| |
| - | $('.toc').hide();
| |
| - | $('.show').show(100);
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - | <script type='text/javascript'>
| |
| - | $(document).ready(function() {
| |
| - |
| |
| - | //Calculate the height of <header>
| |
| - | //Use outerHeight() instead of height() if have padding
| |
| - | var aboveHeight = $('#banner').height();
| |
| - |
| |
| - | //when scroll
| |
| - | $(window).scroll(function(){
| |
| - |
| |
| - | //if scrolled down more than the header’s height
| |
| - | if ( $(window).scrollTop() > aboveHeight ){
| |
| - |
| |
| - | // if yes, add “fixed” class to the <nav>
| |
| - | // add padding top to the #content
| |
| - | //(value is same as the height of the nav)
| |
| - | $('#cssmenu').addClass('fixed').next().css('padding-top','44');
| |
| - |
| |
| - |
| |
| - | } else {
| |
| - |
| |
| - | // when scroll up or less than aboveHeight,
| |
| - | //remove the “fixed” class, and the padding-top
| |
| - | $('#cssmenu').removeClass('fixed').next().css('padding-top','0');
| |
| - |
| |
| - | }
| |
| - |
| |
| - | if ( $(window).scrollTop() > aboveHeight-14 ){
| |
| - | $('#top-section').addClass('disp');
| |
| - | } else{
| |
| - | $('#top-section').removeClass('disp');
| |
| - | }
| |
| - | });
| |
| - | });
| |
| - |
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - | </body>
| |
| - |
| |
| - | </html>
| |
| | {{CSS/Main}} | | {{CSS/Main}} |
| | | | |
"
