|
|
Line 225: |
Line 225: |
| | | |
| </p> | | </p> |
− |
| + | |
− | <div class="panel-group" id="DetailedDesign">
| + | <div id="DetailedDesign"> |
− | <div class="panel panel-default"> | + | <div class="card"> |
− | <div class="panel-heading"> | + | <div class="card-header"> |
− | <h2 class="panel-title">
| + | <h3 class="card-link"> |
− | <a data-toggle="collapse" data-parent="#DetailedDesign" href="#collapse1">
| + | <a data-toggle="collapse" href="#collapseOne"> |
− | Detailed Design</a> | + | Detailed design |
− | </h2>
| + | </a> |
| + | </h3> |
| </div> | | </div> |
− | <div id="collapse1" class="panel-collapse collapse in">
| + | <div id="collapseOne" class="collapse" data-parent="#DetailedDesign"> |
− | <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
| + | <div class="card-body"> |
− | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
| + | <div class="card"> |
− | minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
| + | <div class="card-header"> |
− | commodo consequat.
| + | <h4 class="card-link"> |
− | | + | <a data-toggle="collapse" data-parent="#collapseOne" href="#ProbeAnalysis"> |
− | <div class="panel panel-default">
| + | |
− | <div class="panel-heading"> | + | |
− | <h4 class="panel-title"> | + | |
− | <a data-toggle="collapse" data-parent="#collapse1" href="#ProbeAnalysis"> | + | |
| Analysis of given probes</a> | | Analysis of given probes</a> |
| </h4> | | </h4> |
| </div> | | </div> |
− | <div id="ProbeAnalysis" class="panel-collapse collapse"> | + | <div id="ProbeAnalysis" class="collapse"> |
− | <div class="panel-body"> | + | <div class="card-body"> |
| <p class="lead">We started our design from the analysis of one probe from <a href="#Qiu"><span style="color:blue">Qiu <i>et al.</i></span></a>, namely "let-7a probe 1" (Probe 2 for us). The sequence was the following one:</p> | | <p class="lead">We started our design from the analysis of one probe from <a href="#Qiu"><span style="color:blue">Qiu <i>et al.</i></span></a>, namely "let-7a probe 1" (Probe 2 for us). The sequence was the following one:</p> |
| <p class="lead">5’-p<u><span style="color:orange">ACCTCA</span></u><i>TTGTATAGCCCCCCCC</i><span style="color:green">TGAGGTAGTAGGTTG</span><i>CCC<u>AACTATA</i><span style="color:orange">CAACCTACT</span></u>-3’</p> | | <p class="lead">5’-p<u><span style="color:orange">ACCTCA</span></u><i>TTGTATAGCCCCCCCC</i><span style="color:green">TGAGGTAGTAGGTTG</span><i>CCC<u>AACTATA</i><span style="color:orange">CAACCTACT</span></u>-3’</p> |
Line 298: |
Line 295: |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="panel panel-default"> | + | <div class="card"> |
− | <div class="panel-heading"> | + | <div class="card-header"> |
− | <h4 class="panel-title"> | + | <h4 class="card-link"> |
− | <a data-toggle="collapse" data-parent="#collapse1" href="#ComparisonCas"> | + | <a data-toggle="collapse" data-parent="#collapseOne" href="#ComparisonCas"> |
| Comparison Cas9/Cas12a</a> | | Comparison Cas9/Cas12a</a> |
| </h4> | | </h4> |
| </div> | | </div> |
− | <div id="ComparisonCas" class="panel-collapse collapse"> | + | <div id="ComparisonCas" class="collapse"> |
− | <div class="panel-body"> | + | <div class="card-body"> |
| <p class="lead">We then tried to design our own probes for Cas 12a, working backwards from the gRNA.</p> | | <p class="lead">We then tried to design our own probes for Cas 12a, working backwards from the gRNA.</p> |
| <p class="lead">Contrarily to Cas 9, for which the PAM must be on the 3' side of the target, for Cas12a the PAM must be on the 5’ side of the target instead. This implies that the scaffold part of the gRNA must be on the 5’ side (instead of the 3’) as well (Figure below).</p> | | <p class="lead">Contrarily to Cas 9, for which the PAM must be on the 3' side of the target, for Cas12a the PAM must be on the 5’ side of the target instead. This implies that the scaffold part of the gRNA must be on the 5’ side (instead of the 3’) as well (Figure below).</p> |
Line 329: |
Line 326: |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="panel panel-default"> | + | <div class="card"> |
− | <div class="panel-heading"> | + | <div class="card-header"> |
− | <h4 class="panel-title"> | + | <h4 class="card-link"> |
− | <a data-toggle="collapse" data-parent="#collapse1" href="#Sequences"> | + | <a data-toggle="collapse" data-parent="#collapseOne" href="#Sequences"> |
| Sequences and actual probes</a> | | Sequences and actual probes</a> |
| </h4> | | </h4> |
| </div> | | </div> |
− | <div id="Sequences" class="panel-collapse collapse"> | + | <div id="Sequences" class="collapse"> |
− | <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, | + | <div class="card-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, |
| sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad | | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad |
| minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea | | minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea |
Line 343: |
Line 340: |
| </div> | | </div> |
| </div> | | </div> |
− | <div class="panel panel-default"> | + | <div class="card"> |
− | <div class="panel-heading"> | + | <div class="card-header"> |
− | <h4 class="panel-title"> | + | <h4 class="card-link"> |
− | <a data-toggle="collapse" data-parent="#collapse1" href="#gRNADes"> | + | <a data-toggle="collapse" data-parent="#collapseOne" href="#gRNADes"> |
| Design of gRNAs after new theory</a> | | Design of gRNAs after new theory</a> |
| </h4> | | </h4> |
| </div> | | </div> |
− | <div id="gRNADes" class="panel-collapse collapse"> | + | <div id="gRNADes" class="collapse"> |
− | <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, | + | <div class="card-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit, |
| sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad | | sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad |
| minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea | | minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea |
Line 357: |
Line 354: |
| </div> | | </div> |
| </div> | | </div> |
− | | + | </div> |
− |
| + | |
| </div> | | </div> |
| </div> | | </div> |
− | </div>
| + | </div> |
| + | |
| + | |
| <hr style="height:2px;border:none;color:#333;background-color:#333;" /> | | <hr style="height:2px;border:none;color:#333;background-color:#333;" /> |
| | | |