Added:

- Images!!!
- Journal image class which sizes images based on viewport size
To do:
- Alt text for images...
- Make sure images are in the right place

wiki/pages/notebook.html

@@ -65,6 +65,10 @@
     text-align: left;
     padding: 10px;
   }
+  .journal-img {
+    max-width: 100%;
+    max-height: 60vh;
+  }
 </style>
 
 <script>
@@ -377,7 +381,7 @@
             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>
+          <img class="journal-img" src="https://static.igem.wiki/teams/5342/images/notebook/mrna/pcr-amplification-1.webp" alt="PCR Amplification Image">
           <h4>Discussion:</h4>
           <p>
             The positive and negative controls are as expected.
@@ -469,16 +473,15 @@
             A miniprep was performed on 2mL of all 10 liquid cultures.
             2.5 uL of each XL1Blue plasmids and 5 uL of the Top10 plasmids were degraded with Xho1 and EcoRI and analysed via agarose gel electrophoresis.
           </p>
-          <p>Insert the image here please!</p>
           <h4>Results and Discussion:</h4>
           <p>EcoRI digestion:</p>
-          <p>Image goes here!!</p>
+          <img class="journal-img" src="https://static.igem.wiki/teams/5342/images/notebook/mrna/plasmid-amplification-1.webp" alt="Plasmid Amplification">
           <p>
             The EcoRI digestion is to check the structure of the  plasmid.
             Four bands were expected (347bp, 1725bp, 4688bp and 5323bp) and that is also visible on the gel.
           </p>
           <p>Xho1 digestion:</p>
-          <p>Image goes here!!</p>
+          <img class="journal-img" src="https://static.igem.wiki/teams/5342/images/notebook/mrna/plasmid-amplification-2.webp" alt="Plasmid Amplification">
           <p>
             Meant to linearise the plasmid. One band is visible with the length of the whole plasmid (12.1kbp) as expected.
             Both digestions look good, the next step is to do a larger scale Xho1 digestion to collect more linearised plasmid for in vitro transcription.
@@ -512,7 +515,7 @@
             Note: the samples were floating out of the wells, so we prepared them again with a 5:2 sample to dye (double the amount of dye)
           </p>
           <h4>Results and Discussion:</h4>
-          <p>Image goes here!</p>
+          <img class="journal-img" src="https://static.igem.wiki/teams/5342/images/notebook/mrna/plasmid-amplification-3.webp" alt="Plasmid Amplification">
           <p>
             The digested plasmids show clear bands at the length where we expected them and no large smears, so we can move on to transcription.
           </p>
@@ -559,7 +562,7 @@
             For every different DNA sample, one epp got 2uL mutated (look up specific type) T7 polymerase and the other 4uL.
             5uL of all samples was mixed with 2uL loading dye and run on an agarose gel (110V 40 min).
           </p>
-          <p>Image goes here!</p>
+          <img class="journal-img" src="https://static.igem.wiki/teams/5342/images/notebook/mrna/in-vitro-1.webp" alt="in vitro">
           <p>
             We try to recycle our gels as much as possible to reduce waste, the crossed out lanes are from a different experiment (refer to FVIII plasmid purification).
           </p>
@@ -615,7 +618,7 @@
             1 uL of F8 DNA template was used from both template samples, 1.5 uL of the diluted GFP template was used to reach the right amount of template.
             For samples containing RNase inhibitor, 0.5 uL ribolock was used.
           </p>
-          <p>Image goes here!</p>
+          <img class="journal-img" src="https://static.igem.wiki/teams/5342/images/notebook/mrna/in-vitro-2.webp" alt="in vitro">
           <h4>Discussion:</h4>
           <p>
             First important to note is that during the pipetting of well 3 the pipet point fell, so any abnormalities could be linked to that.
@@ -770,6 +773,7 @@
             <li>5uL of the sample was run on a denaturing agarose gel (110V 50min)</li>
             <li>No bands were observed (in the picture the first column should have been the purified GFP, the other 2 bands are non purified F8 samples).</li>
           </ol>
+          <img class="journal-img" src="https://static.igem.wiki/teams/5342/images/notebook/mrna/mrna-purification-1.webp" alt="mRNA Purification">
           <h4>Discussion</h4>
           <p>
             The problems are not caused by a diluted sample or by an old buffer. It might be a more fundamental problem with the purification method.