Skip to content
Snippets Groups Projects
Commit 57880420 authored by Timofej Paramonov Bliki's avatar Timofej Paramonov Bliki :heart:
Browse files

Actually putting things in!! 

- Put (incomplete?) journal into PCR-Amplification, still missing image, participants, detailed journal...
- Created templates for the other mRNA cells
- Fixed mRNA cell layout
parent a1dffd0d
No related branches found
No related tags found
1 merge request!5Notebook Table [mRNA Entries, unfinished]
Hide whitespace changes
Inline Side-by-side
wiki/pages/notebook.html
+ 400
− 28
View file @ 57880420
......@@ -28,6 +28,9 @@
.half-cell {
font-size: 14px;
}
.third-cell {
font-size: 12px;
}
.left-column {
border: 0px;
font-weight: bold;
......@@ -58,6 +61,10 @@
.retrievable {
display: none;
}
.journal-td {
text-align: left;
padding: 10px;
}
</style>
<script>
......@@ -133,10 +140,10 @@
}
document.addEventListener('DOMContentLoaded', () => {
new NotebookPage("cell1");
new NotebookPage("cell2");
new NotebookPage("cell3");
new NotebookPage("cell4");
new NotebookPage("PCR-Amplification");
new NotebookPage("Plasmid-Amplification");
new NotebookPage("In-vitro");
new NotebookPage("mRNA-Purification");
new Backdrop("backdrop");
});
</script>
......@@ -170,10 +177,7 @@
</tr>
<tr>
<td class="left-column">June</td>
<td><table><tr>
<td class="half-cell" id="Plasmid-Amplification"> Plasmid Amplification of FVIII </td>
<td class="half-cell" id="In-vitro"> In vitro Transcription </td>
</tr></table></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
......@@ -181,7 +185,11 @@
</tr>
<tr>
<td class="left-column">July</td>
<td id="mRNA-Purification"> mRNA purification </td>
<td><table><tr>
<td class="third-cell" id="Plasmid-Amplification"> Plasmid Amplification of FVIII </td>
<td class="third-cell" id="In-vitro"> In vitro Transcription </td>
<td class="third-cell" id="mRNA-Purification"> mRNA purification </td>
</tr></table></td>
<td> </td>
<td> </td>
<td> </td>
......@@ -198,7 +206,7 @@
<div style="background-color: #ff424bff; color: white; flex: 1; padding:5px;">
<h1 id="task" style="text-align: center;">Task</h1>
<p id="datetime" style="text-align:center;">Time: xx:xx xx/xx/xx</p>
<h2 style="text-align: center;">Participants:</h2>
<h2 style="text-align: center;">All Participants:</h2>
<ul id="participants">
<li>Scientist 1</li>
<li>Researcher 2</li>
......@@ -206,13 +214,15 @@
</ul>
</div>
<div style="background-color: white; color: black; flex: 2; overflow-y:auto; padding:5px;">
<p id="journal">
<div id="journal">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Ornare lectus sit amet est placerat in egestas erat imperdiet. At urna condimentum mattis pellentesque id nibh tortor id. Sed viverra tellus in hac habitasse platea dictumst vestibulum. Aliquam vestibulum morbi blandit cursus risus at ultrices mi tempus. Purus gravida quis blandit turpis cursus in. Euismod lacinia at quis risus sed vulputate. Dignissim convallis aenean et tortor at risus viverra adipiscing at. Eget sit amet tellus cras adipiscing enim eu turpis. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Consequat semper viverra nam libero. Pretium vulputate sapien nec sagittis.
Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Accumsan sit amet nulla facilisi morbi tempus iaculis urna. Diam maecenas sed enim ut sem viverra aliquet eget. Malesuada proin libero nunc consequat interdum. Pharetra massa massa ultricies mi quis hendrerit dolor magna. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Blandit cursus risus at ultrices. Dui sapien eget mi proin sed libero enim sed. Nisl suscipit adipiscing bibendum est ultricies integer. Sapien pellentesque habitant morbi tristique senectus et netus et malesuada. Arcu vitae elementum curabitur vitae nunc sed. Volutpat sed cras ornare arcu dui vivamus arcu felis.
Sed risus ultricies tristique nulla aliquet enim tortor. Felis eget nunc lobortis mattis aliquam faucibus. Feugiat nisl pretium fusce id velit ut. Ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Morbi tristique senectus et netus et malesuada fames ac turpis. Duis at tellus at urna condimentum mattis pellentesque id nibh. Sed velit dignissim sodales ut eu sem. At ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Dis parturient montes nascetur ridiculus mus mauris. Ornare lectus sit amet est placerat in egestas. Nunc faucibus a pellentesque sit amet. Scelerisque varius morbi enim nunc faucibus a pellentesque sit amet. Neque ornare aenean euismod elementum nisi quis eleifend quam adipiscing.
</p>
</p>
</div>
</div>
</div>
</div>
......@@ -220,43 +230,405 @@
<!-- Notebook page data -->
<div>
<!-- Notebook cells -->
<div id="page-cell1" class="retrievable">
<p id="cell1-task">
<!-- Insert the name of the notebook page between the <title></title> tags below. -->
<div id="page-example" class="retrievable">
<p id="example-task">
<!-- Insert the name of the notebook page page riight there. -->
Name of Notebook Task/Page
</p>
<p id="cell1-datetime">
<p id="example-datetime">
<!-- Insert the time(s) below this comment-->
01/01/1970 - 21/12/12
</p>
<ul id="cell1-participants">
<ul id="example-participants">
<!-- Insert each participant within its own <li></li> tag below.-->
<li>Participant 1</li>
<li>...</li>
<li>Participant n</li>
</ul>
<div id="cell1-journal">
<ul id="example-protocols">
<!-- Insert each protocol within its own <li></li> tag below.-->
<li>Protocol 1</li>
<li>...</li>
<li>Protocol n</li>
</ul>
<div id="example-journal">
<!-- Insert the actual lab notes here. -->
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Ornare lectus sit amet est placerat in egestas erat imperdiet. At urna condimentum mattis pellentesque id nibh tortor id. Sed viverra tellus in hac habitasse platea dictumst vestibulum. Aliquam vestibulum morbi blandit cursus risus at ultrices mi tempus. Purus gravida quis blandit turpis cursus in. Euismod lacinia at quis risus sed vulputate. Dignissim convallis aenean et tortor at risus viverra adipiscing at. Eget sit amet tellus cras adipiscing enim eu turpis. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Consequat semper viverra nam libero. Pretium vulputate sapien nec sagittis.
<table>
<tr><td class="journal-td">
<p>0th of Nulluary 0000</p>
<h3>1st Entry</h3>
<h4>Participants:</h4>
<ul>
<li>Participants</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Protocols:</h4>
<ul>
<li>Protocols</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Experimental:</h4>
<p>
This is a journal entry, where something happens.
</p>
<p>
And that's that!
</p>
</td></tr>
Ullamcorper dignissim cras tincidunt lobortis feugiat vivamus. Accumsan sit amet nulla facilisi morbi tempus iaculis urna. Diam maecenas sed enim ut sem viverra aliquet eget. Malesuada proin libero nunc consequat interdum. Pharetra massa massa ultricies mi quis hendrerit dolor magna. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Blandit cursus risus at ultrices. Dui sapien eget mi proin sed libero enim sed. Nisl suscipit adipiscing bibendum est ultricies integer. Sapien pellentesque habitant morbi tristique senectus et netus et malesuada. Arcu vitae elementum curabitur vitae nunc sed. Volutpat sed cras ornare arcu dui vivamus arcu felis.
<tr><td class="journal-td">
<p>0th of Nulluary 0000</p>
<h3>2nd Entry</h3>
<h4>Participants:</h4>
<ul>
<li>Participants</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Protocols:</h4>
<ul>
<li>Protocols</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Experimental:</h4>
<p>
This is a journal entry, where something happens.
</p>
<p>
And that's that!
</p>
</td></tr>
</table>
</div></div>
<!-- mRNA -->
<div id="page-PCR-Amplification" class="retrievable">
<p id="PCR-Amplification-task">
PCR Amplification of Factor VIII and GFP
</p>
Sed risus ultricies tristique nulla aliquet enim tortor. Felis eget nunc lobortis mattis aliquam faucibus. Feugiat nisl pretium fusce id velit ut. Ut tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Morbi tristique senectus et netus et malesuada fames ac turpis. Duis at tellus at urna condimentum mattis pellentesque id nibh. Sed velit dignissim sodales ut eu sem. At ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit sed. Dis parturient montes nascetur ridiculus mus mauris. Ornare lectus sit amet est placerat in egestas. Nunc faucibus a pellentesque sit amet. Scelerisque varius morbi enim nunc faucibus a pellentesque sit amet. Neque ornare aenean euismod elementum nisi quis eleifend quam adipiscing.
</p>
<p id="PCR-Amplification-datetime">
<!-- Insert the time(s) below this comment-->
16/05 - 03/06
</p>
<ul id="PCR-Amplification-participants">
<!-- Insert each participant within its own <li></li> tag below.-->
<li>Fill me in!!</li>
<li>...</li>
<li>Please</li>
</ul>
<div id="PCR-Amplification-journal">
<!-- Insert the actual lab notes here. -->
<table>
<tr><td class="journal-td">
<p>16th of May 2024</p>
<h3>PCR Amplification, 1st Attempt</h3>
<h4>Participants:</h4>
<ul>
<li>...</li>
</ul>
<h4>Protocols:</h4>
<ul>
<li>Link to PCR Protocol(??)</li>
</ul>
<h4>Experimental:</h4>
<p>
3 PCR reactions of 20 uL were prepared
The primers used were: T7 terminator forward primer and F8 primer reverse primer. (link to IDT page or provide sequences?)
The test reaction was made with 1 uL of F8 DNA template
The positive control was made with 1 uL of PET 28 P450 BM3 No2
The negative control was made with 1uL MilliQ.
The PCR reaction was run for …???
</p>
</td></tr>
<tr><td class="journal-td">
<p>24th of May 2024</p>
<h3>PCR Product Analysis</h3>
<h4>Participants:</h4>
<ul>
<li>...</li>
</ul>
<h4>Protocols:</h4>
<ul>
<li>Link to agarose gel electrophoresis(??)</li>
</ul>
<h4>Experimental:</h4>
<p>
Gel electrophoresis was performed with 10 uL of the three PCR reactions.
The gel was run at 110V for 50 min.
</p>
<p>Insert the image here please!</p>
<h4>Discussion:</h4>
<p>
The positive and negative controls are as expected.
For the F8 reaction, we can see little smears and some nice bands.
The amplified F8 DNA was expected around 7000 bp, for which we do see a small band, but the band around 1000 bp is not the desired product.
Based on these results we decided to extract the DNA out of the gel and amplify it in order to get a lot of ‘pure’ factor 8 DNA.
</p>
</td></tr>
<tr><td class="journal-td">
<p>3rd of June 2024</p>
<h3>DNA Extraction from Gel</h3>
<h4>Participants:</h4>
<ul>
<li>...</li>
</ul>
<h4>Protocols:</h4>
<ul>
<li>Link to gel extraction protocol(??)</li>
</ul>
<h4>Experimental:</h4>
<p>
This part is not completely clear to me…
</p>
</td></tr>
</table>
</div>
</div>
<!-- Protocols list -->
<div class="retrievable">
<p id="protocol-id..."> href and write protocol here! </p>
<div id="page-Plasmid-Amplification" class="retrievable">
<p id="Plasmid-Amplification-task">
<!-- Insert the name of the notebook page page riight there. -->
Name of Notebook Task/Page
</p>
<p id="Plasmid-Amplification-datetime">
<!-- Insert the time(s) below this comment-->
01/01/1970 - 21/12/12
</p>
<ul id="Plasmid-Amplification-participants">
<!-- Insert each participant within its own <li></li> tag below.-->
<li>Participant 1</li>
<li>...</li>
<li>Participant n</li>
</ul>
<ul id="Plasmid-Amplification-protocols">
<!-- Insert each protocol within its own <li></li> tag below.-->
<li>Protocol 1</li>
<li>...</li>
<li>Protocol n</li>
</ul>
<div id="Plasmid-Amplification-journal">
<!-- Insert the actual lab notes here. -->
<table>
<tr><td class="journal-td">
<p>0th of Nulluary 0000</p>
<h3>1st Entry</h3>
<h4>Participants:</h4>
<ul>
<li>Participants</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Protocols:</h4>
<ul>
<li>Protocols</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Experimental:</h4>
<p>
This is a journal entry, where something happens.
</p>
<p>
And that's that!
</p>
</td></tr>
<tr><td class="journal-td">
<p>0th of Nulluary 0000</p>
<h3>2nd Entry</h3>
<h4>Participants:</h4>
<ul>
<li>Participants</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Protocols:</h4>
<ul>
<li>Protocols</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Experimental:</h4>
<p>
This is a journal entry, where something happens.
</p>
<p>
And that's that!
</p>
</td></tr>
</table>
</div></div>
<div id="page-In-vitro" class="retrievable">
<p id="In-vitro-task">
<!-- Insert the name of the notebook page page riight there. -->
Name of Notebook Task/Page
</p>
<p id="In-vitro-datetime">
<!-- Insert the time(s) below this comment-->
01/01/1970 - 21/12/12
</p>
<ul id="In-vitro-participants">
<!-- Insert each participant within its own <li></li> tag below.-->
<li>Participant 1</li>
<li>...</li>
<li>Participant n</li>
</ul>
<ul id="In-vitro-protocols">
<!-- Insert each protocol within its own <li></li> tag below.-->
<li>Protocol 1</li>
<li>...</li>
<li>Protocol n</li>
</ul>
<div id="In-vitro-journal">
<!-- Insert the actual lab notes here. -->
<table>
<tr><td class="journal-td">
<p>0th of Nulluary 0000</p>
<h3>1st Entry</h3>
<h4>Participants:</h4>
<ul>
<li>Participants</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Protocols:</h4>
<ul>
<li>Protocols</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Experimental:</h4>
<p>
This is a journal entry, where something happens.
</p>
<p>
And that's that!
</p>
</td></tr>
<tr><td class="journal-td">
<p>0th of Nulluary 0000</p>
<h3>2nd Entry</h3>
<h4>Participants:</h4>
<ul>
<li>Participants</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Protocols:</h4>
<ul>
<li>Protocols</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Experimental:</h4>
<p>
This is a journal entry, where something happens.
</p>
<p>
And that's that!
</p>
</td></tr>
</table>
</div></div>
<div id="page-mRNA-Purification" class="retrievable">
<p id="mRNA-Purification-task">
<!-- Insert the name of the notebook page page riight there. -->
Name of Notebook Task/Page
</p>
<p id="mRNA-Purification-datetime">
<!-- Insert the time(s) below this comment-->
01/01/1970 - 21/12/12
</p>
<ul id="mRNA-Purification-participants">
<!-- Insert each participant within its own <li></li> tag below.-->
<li>Participant 1</li>
<li>...</li>
<li>Participant n</li>
</ul>
<ul id="mRNA-Purification-protocols">
<!-- Insert each protocol within its own <li></li> tag below.-->
<li>Protocol 1</li>
<li>...</li>
<li>Protocol n</li>
</ul>
<div id="mRNA-Purification-journal">
<!-- Insert the actual lab notes here. -->
<table>
<tr><td class="journal-td">
<p>0th of Nulluary 0000</p>
<h3>1st Entry</h3>
<h4>Participants:</h4>
<ul>
<li>Participants</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Protocols:</h4>
<ul>
<li>Protocols</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Experimental:</h4>
<p>
This is a journal entry, where something happens.
</p>
<p>
And that's that!
</p>
</td></tr>
<tr><td class="journal-td">
<p>0th of Nulluary 0000</p>
<h3>2nd Entry</h3>
<h4>Participants:</h4>
<ul>
<li>Participants</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Protocols:</h4>
<ul>
<li>Protocols</li>
<li>Go</li>
<li>Here!!</li>
</ul>
<h4>Experimental:</h4>
<p>
This is a journal entry, where something happens.
</p>
<p>
And that's that!
</p>
</td></tr>
</table>
</div>
</div>
</div>
<!-- guide (to remove!) -->
<!-- guide (to remove!)
<div class="row mt-4">
<div class="col-lg-8">
<h2>What should this page contain?</h2>
......@@ -282,5 +654,5 @@
</ul>
</div>
</div>
-->
{% endblock %}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment