|
|
| (31 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| − | <!--{{UrbanTundra_Edmonton}}-->
| + | {{UrbanTundra_Edmonton/Main-CSS}} |
| − | {{UrbanTundra_Edmonton/ResearchPages}} | + | {{UrbanTundra_Edmonton/Header}} |
| | + | |
| | <html> | | <html> |
| | | | |
| − | <head> | + | <div id="ute-services-section"> |
| − | <style> | + | <div class="container"> |
| | + | <div class="row"> |
| | | | |
| − | .timeline {
| |
| − | list-style: none;
| |
| − | padding: 20px 0 20px;
| |
| − | position: relative;
| |
| − | }
| |
| | | | |
| − | .timeline:before {
| |
| − | top: 0;
| |
| − | bottom: 0;
| |
| − | position: absolute;
| |
| − | content: " ";
| |
| − | width: 3px;
| |
| − | background-color: #eeeeee;
| |
| − | left: 50%;
| |
| − | margin-left: -1.5px;
| |
| − | }
| |
| | | | |
| − | .timeline > li {
| + | <!--NAV LINKS--> |
| − | margin-bottom: 20px;
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| | | | |
| − | .timeline > li:before, | + | <div class="col-md-3 side-nav"> |
| − | .timeline > li:after { | + | <div class="side-nav-container"> |
| − | content: " ";
| + | <ul style="list-style-type: none;"> |
| − | display: table;
| + | <li class="side-nav-toplink">TEAM</li> |
| − | } | + | <ul class="sublist"> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Our_Story">Our Story</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Team">Team</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Collaborations">Collaborations</a></li> |
| | + | </ul> |
| | + | <li class="side-nav-toplink">PROJECT</li> |
| | + | <ul class="sublist"> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Description">Background</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Overview">Overview</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Design">Gene Design</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Experiments">Experimental</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Proof">Bio Reaction</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Demonstrate">O<sub>2</sub></a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Notebook">Notebook</a></li> |
| | + | </ul> |
| | + | <li class="side-nav-toplink">PARTS</li> |
| | + | <ul class="sublist"> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Parts">BioBrick</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Composite_Part">CLD-</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Part_Collection">Collection</a></li> |
| | + | </ul> |
| | + | <li class="side-nav-toplink">SAFETY</li> |
| | + | <ul class="sublist"> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Lab_Safety">Lab Safety</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Protocals">Protocols</a></li> |
| | + | </ul> |
| | + | <li class="side-nav-toplink">ATTRIBUTIONS</li> |
| | + | <ul class="sublist"> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Attributions">Support</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/FullCitations">Citations</a></li> |
| | + | </ul> |
| | + | <li class="side-nav-toplink">HUMAN PRACTICES</li> |
| | + | <ul class="sublist"> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Integrated_Practices">Integrated Practices</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/BroaderApplications">Broader Applications</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Engagement">Outreach</a></li> |
| | + | </ul> |
| | + | <li class="side-nav-toplink">ACHIEVEMENTS</li> |
| | + | <ul class="sublist"> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/HP/Silver">Silver</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/HP/Gold">Gold</a></li> |
| | + | <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Awards">Awards</a></li> |
| | + | </ul> |
| | + | </ul> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | .timeline > li:after {
| + | <!-- THIS IS WHERE THE CONTENT GOES--> |
| − | clear: both;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline > li:before,
| + | |
| − | .timeline > li:after {
| + | |
| − | content: " ";
| + | |
| − | display: table;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline > li:after {
| + | |
| − | clear: both;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline > li > .timeline-panel {
| + | |
| − | width: 46%;
| + | |
| − | float: left;
| + | |
| − | border: 1px solid #d4d4d4;
| + | |
| − | border-radius: 2px;
| + | |
| − | padding: 20px;
| + | |
| − | position: relative;
| + | |
| − | -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
| + | |
| − | box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline > li > .timeline-panel:before {
| + | |
| − | position: absolute;
| + | |
| − | top: 26px;
| + | |
| − | right: -15px;
| + | |
| − | display: inline-block;
| + | |
| − | border-top: 15px solid transparent;
| + | |
| − | border-left: 15px solid #ccc;
| + | |
| − | border-right: 0 solid #ccc;
| + | |
| − | border-bottom: 15px solid transparent;
| + | |
| − | content: " ";
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline > li > .timeline-panel:after {
| + | |
| − | position: absolute;
| + | |
| − | top: 27px;
| + | |
| − | right: -14px;
| + | |
| − | display: inline-block;
| + | |
| − | border-top: 14px solid transparent;
| + | |
| − | border-left: 14px solid #fff;
| + | |
| − | border-right: 0 solid #fff;
| + | |
| − | border-bottom: 14px solid transparent;
| + | |
| − | content: " ";
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline > li > .timeline-badge {
| + | |
| − | color: #fff;
| + | |
| − | width: 50px;
| + | |
| − | height: 50px;
| + | |
| − | line-height: 50px;
| + | |
| − | font-size: 1.4em;
| + | |
| − | text-align: center;
| + | |
| − | position: absolute;
| + | |
| − | top: 16px;
| + | |
| − | left: 50%;
| + | |
| − | margin-left: -25px;
| + | |
| − | background-color: #999999;
| + | |
| − | z-index: 100;
| + | |
| − | border-top-right-radius: 50%;
| + | |
| − | border-top-left-radius: 50%;
| + | |
| − | border-bottom-right-radius: 50%;
| + | |
| − | border-bottom-left-radius: 50%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline > li.timeline-inverted > .timeline-panel {
| + | |
| − | float: right;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline > li.timeline-inverted > .timeline-panel:before {
| + | |
| − | border-left-width: 0;
| + | |
| − | border-right-width: 15px;
| + | |
| − | left: -15px;
| + | |
| − | right: auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline > li.timeline-inverted > .timeline-panel:after {
| + | |
| − | border-left-width: 0;
| + | |
| − | border-right-width: 14px;
| + | |
| − | left: -14px;
| + | |
| − | right: auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline-badge.primary {
| + | |
| − | background-color: #2e6da4 !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline-badge.success {
| + | |
| − | background-color: #3f903f !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline-badge.warning {
| + | |
| − | background-color: #f0ad4e !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline-badge.danger {
| + | |
| − | background-color: #d9534f !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline-badge.info {
| + | |
| − | background-color: #5bc0de !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline-title {
| + | |
| − | margin-top: 0;
| + | |
| − | color: inherit;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline-body > p,
| + | |
| − | .timeline-body > ul {
| + | |
| − | margin-bottom: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .timeline-body > p + p {
| + | |
| − | margin-top: 5px;
| + | |
| − | }
| + | |
| − | | + | |
| − | @media (max-width: 767px) {
| + | |
| − | ul.timeline:before {
| + | |
| − | left: 40px;
| + | |
| − | }
| + | |
| − | | + | |
| − | ul.timeline > li > .timeline-panel {
| + | |
| − | width: calc(100% - 90px);
| + | |
| − | width: -moz-calc(100% - 90px);
| + | |
| − | width: -webkit-calc(100% - 90px);
| + | |
| − | }
| + | |
| − | | + | |
| − | ul.timeline > li > .timeline-badge {
| + | |
| − | left: 15px;
| + | |
| − | margin-left: 0;
| + | |
| − | top: 16px;
| + | |
| − | }
| + | |
| − | | + | |
| − | ul.timeline > li > .timeline-panel {
| + | |
| − | float: right;
| + | |
| − | }
| + | |
| − | | + | |
| − | ul.timeline > li > .timeline-panel:before {
| + | |
| − | border-left-width: 0;
| + | |
| − | border-right-width: 15px;
| + | |
| − | left: -15px;
| + | |
| − | right: auto;
| + | |
| − | }
| + | |
| − | | + | |
| − | ul.timeline > li > .timeline-panel:after {
| + | |
| − | border-left-width: 0;
| + | |
| − | border-right-width: 14px;
| + | |
| − | left: -14px;
| + | |
| − | right: auto;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | | + | |
| − | </head>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div class="column full_size">
| + | |
| − | | + | |
| − | | + | |
| − | <div class="container">
| + | |
| − | <div class="page-header">
| + | |
| − | <h1 id="timeline">Timeline</h1>
| + | |
| − | </div>
| + | |
| − | <ul class="timeline">
| + | |
| − | <li>
| + | |
| − | <div class="timeline-badge"><i class="glyphicon glyphicon-check"></i></div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4 class="timeline-title">July 20<sup>th</sup> 2016</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p>
| + | |
| − | <ol>
| + | |
| − | <li>4 microlitres of milliq water with 1 microlitre of plasmid</li>
| + | |
| − | <li>5 microlitres of no chlorite dismutase</li>
| + | |
| − | <li>1 microlitre of cutsmart buffer (specifically 1.1111 microlitre)</li>
| + | |
| − | <ul>a. 10 x cutsmart buffer into tubes makes 1x [ ]</ul>
| + | |
| − | <li>When adding BsaI, only touch the surface of the BsaI to the pipette tip. The reason: has glycerol which is sticky. Take 0.5 microlitre of BsaI.</li>
| + | |
| − | <li>Mix sample very gently then put into a 37 degrees celsius incubator for 1 hour. </li>
| + | |
| − | <li>Heat kill at 65 degrees celsius for 20 minutes. This kills the BsaI to prevent star activity. </li>
| + | |
| − | <li>Pulse down tubes then add 8 microlitre of milliq water. </li>
| + | |
| − | <li>Add 2 microlitres of T4DNA ligase buffer. </li>
| + | |
| − | <li>Add 0.5 microlitre of ligase then mix gently and incubate at room temperature for 30 minutes or longer </li>
| + | |
| − | </ol>
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="timeline-inverted">
| + | |
| − | <div class="timeline-badge warning"><i class="glyphicon glyphicon-credit-card"></i></div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4 class="timeline-title">Mussum ipsum cacilds</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
| + | |
| − | <p>Suco de cevadiss, é um leite divinis, qui tem lupuliz, matis, aguis e fermentis. Interagi no mé, cursus quis, vehicula ac nisi. Aenean vel dui dui. Nullam leo erat, aliquet quis tempus a, posuere ut mi. Ut scelerisque neque et turpis posuere pulvinar pellentesque nibh ullamcorper. Pharetra in mattis molestie, volutpat elementum justo. Aenean ut ante turpis. Pellentesque laoreet mé vel lectus scelerisque interdum cursus velit auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac mauris lectus, non scelerisque augue. Aenean justo massa.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <div class="timeline-badge danger"><i class="glyphicon glyphicon-credit-card"></i></div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4 class="timeline-title">Mussum ipsum cacilds</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="timeline-inverted">
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4 class="timeline-title">Mussum ipsum cacilds</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <div class="timeline-badge info"><i class="glyphicon glyphicon-floppy-disk"></i></div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4 class="timeline-title">Mussum ipsum cacilds</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
| + | |
| − | <hr>
| + | |
| − | <div class="btn-group">
| + | |
| − | <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown">
| + | |
| − | <i class="glyphicon glyphicon-cog"></i> <span class="caret"></span>
| + | |
| − | </button>
| + | |
| − | <ul class="dropdown-menu" role="menu">
| + | |
| − | <li><a href="#">Action</a></li>
| + | |
| − | <li><a href="#">Another action</a></li>
| + | |
| − | <li><a href="#">Something else here</a></li>
| + | |
| − | <li class="divider"></li>
| + | |
| − | <li><a href="#">Separated link</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4 class="timeline-title">Mussum ipsum cacilds</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li class="timeline-inverted">
| + | |
| − | <div class="timeline-badge success"><i class="glyphicon glyphicon-thumbs-up"></i></div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4 class="timeline-title">Mussum ipsum cacilds</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| | | | |
| | + | <div class="col-md-9 content-area"> |
| | + | <div class="content-container"> |
| | + | <h1>Lab Notebook</h1> |
| | + | <br> |
| | | | |
| | + | <h3 style:"text-align: center"><a href="https://static.igem.org/mediawiki/2016/b/b8/T--UrbanTundra_Edmonton--JuneNotebook_.pdf" target="_blank">June</a></h3> |
| | + | <h3 style:"text-align: center"><a href="https://static.igem.org/mediawiki/2016/5/5e/T--UrbanTundra_Edmonton--JulyNotebook_.pdf" target="_blank">July</a></h3> |
| | + | <h3 style:"text-align: center"><a href="https://static.igem.org/mediawiki/2016/5/5d/T--UrbanTundra_Edmonton--AugustNotebook_.pdf" target="_blank">August</a></h3> |
| | + | <h3 style:"text-align: center"><a href="https://static.igem.org/mediawiki/2016/e/eb/T--UrbanTundra_Edmonton--SeptemberNotebook_.pdf" target="_blank">September</a></h3> |
| | </div> | | </div> |
| | </html> | | </html> |
