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

Added MRNA's structure. 

Can't seem to find out why meta tables always have padding around it, but this can be fixed another time.
Maybe using JS to adapt the w/h of the metatable to the w/h of td?
parent 7896b987
No related branches found
No related tags found
1 merge request!35Adding PCR of Notebook
Pipeline #457950 failed
Stage: build
Hide whitespace changes
Inline Side-by-side
wiki/pages/notebook.html
+ 333
− 12
View file @ 20552710
......@@ -11,6 +11,7 @@
font-size: 20px;
margin: auto;
text-align: center;
border-collapse: collapse;
}
tr {
height: 60px;
......@@ -25,6 +26,12 @@
border: 1px solid;
font-size: 22px;
}
.meta-table {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
.half-cell {
font-size: 14px;
}
......@@ -159,7 +166,11 @@
document.addEventListener('DOMContentLoaded', () => {
new Backdrop("backdrop");
new NotebookPage(["example-1","example-2"]);
// new NotebookPage(["example-1","example-2"]);
new NotebookPage(["DNA-PCR-1","DNA-PCR-2","DNA-PCR-3"]);
new NotebookPage(["DNA-Plasmid-1"]);
new NotebookPage(["IVT-1","IVT-2"]);
new NotebookPage(["Purification-1","Purification-2"]);
});
</script>
......@@ -173,39 +184,46 @@
<th>Cell Line Experiments</th>
<th>Interactions with Local Communities</th>
</tr>
<tr>
<td class="left-column">April</td>
<td id="example-1">Test top</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="left-column">May</td>
<td id="example-2">Test bot</td>
<td id="DNA-PCR-1"> PCR </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="left-column">June</td>
<td> </td>
<td id="DNA-PCR-2"> PCR </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="left-column">July</td>
<td> </td>
<td><table class="meta-table"><tr>
<td class="third-cell" id="DNA-PCR-3">PCR</td>
<td class="third-cell" id="DNA-Plasmid-1">Plasmid</td>
<td class="third-cell" id="IVT-1">IVT</td>
</tr></table></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="left-column">Aug.</td>
<td><table class="meta-table"><tr>
<td class="half-cell" id="Purification-1">Purification</td>
<td class="half-cell" id="IVT-2">IVT</td>
</tr></table></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td class="left-column">Sept.</td>
<td id="Purification-2"> Purification </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
......@@ -266,7 +284,7 @@
<li>Protocol n</li>
</ul>
<div id="example-1-journal">
<div id="example-journal">
<!-- Insert the actual lab notes here. -->
<table>
<tr><td class="journal-td">
......@@ -318,7 +336,310 @@
</table>
</div></div>
<!-- mRNA Cells -->
<div id="page-DNA-PCR" class="retrievable">
<p id="DNA-PCR-task">
<!-- Insert the name of the notebook page riight there. -->
Name of Notebook Task/Page
</p>
<p id="DNA-PCR-datetime">
<!-- Insert the time(s) below this comment-->
01/01/1970 - 21/12/12
</p>
<ul id="DNA-PCR-participants">
<!-- Insert each participant within its own <li></li> tag below.-->
<li>Participant 1</li>
<li>...</li>
<li>Participant n</li>
</ul>
<ul id="DNA-PCR-protocols">
<!-- Insert each protocol within its own <li></li> tag below.-->
<li>Protocol 1</li>
<li>...</li>
<li>Protocol n</li>
</ul>
<div id="DNA-PCR-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-DNA-Plasmid" class="retrievable">
<p id="DNA-Plasmid-task">
<!-- Insert the name of the notebook page riight there. -->
Name of Notebook Task/Page
</p>
<p id="DNA-Plasmid-datetime">
<!-- Insert the time(s) below this comment-->
01/01/1970 - 21/12/12
</p>
<ul id="DNA-Plasmid-participants">
<!-- Insert each participant within its own <li></li> tag below.-->
<li>Participant 1</li>
<li>...</li>
<li>Participant n</li>
</ul>
<ul id="DNA-Plasmid-protocols">
<!-- Insert each protocol within its own <li></li> tag below.-->
<li>Protocol 1</li>
<li>...</li>
<li>Protocol n</li>
</ul>
<div id="DNA-Plasmid-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-IVT" class="retrievable">
<p id="IVT-task">
<!-- Insert the name of the notebook page riight there. -->
Name of Notebook Task/Page
</p>
<p id="IVT-datetime">
<!-- Insert the time(s) below this comment-->
01/01/1970 - 21/12/12
</p>
<ul id="IVT-participants">
<!-- Insert each participant within its own <li></li> tag below.-->
<li>Participant 1</li>
<li>...</li>
<li>Participant n</li>
</ul>
<ul id="IVT-protocols">
<!-- Insert each protocol within its own <li></li> tag below.-->
<li>Protocol 1</li>
<li>...</li>
<li>Protocol n</li>
</ul>
<div id="IVT-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-Purification" class="retrievable">
<p id="Purification-task">
<!-- Insert the name of the notebook page riight there. -->
Name of Notebook Task/Page
</p>
<p id="Purification-datetime">
<!-- Insert the time(s) below this comment-->
01/01/1970 - 21/12/12
</p>
<ul id="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="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="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>
{% 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