QA /technical/2009/08/temperature-logger-project/

content/technical/2009/08/temperature-logger-project.html

@@ -8,4 +8,17 @@ So far I have soldered the temperature sensors to their adaptor boards and got t
 
 Some pictures of the build so far are below:
 
-[gallery link="file"] 
+<table class="gallery">
+  <tr>
+    <td><a href="/images/2009/08/MG_7190.jpg"><img src="/images/2009/08/MG_7190-128x128.jpg" width="85" height="128" alt="MG 7190 128x128" /></a></td>
+    <td><a href="/images/2009/08/MG_7192.jpg"><img src="/images/2009/08/MG_7192-128x128.jpg" width="128" height="85" alt="MG 7192 128x128" /></a></td>
+    <td><a href="/images/2009/08/MG_7195.jpg"><img src="/images/2009/08/MG_7195-128x128.jpg" width="128" height="85" alt="MG 7195 128x128" /></a></td>
+    <td><a href="/images/2009/08/MG_7198.jpg"><img src="/images/2009/08/MG_7198-128x128.jpg" width="128" height="85" alt="MG 7198 128x128" /></a></td>
+  </tr>                                                                                                                                    /
+  <tr>                                                                                                                                     /
+    <td><a href="/images/2009/08/MG_7200.jpg"><img src="/images/2009/08/MG_7200-128x128.jpg" width="128" height="85" alt="MG 7200 128x128" /></a></td>
+    <td><a href="/images/2009/08/MG_7212.jpg"><img src="/images/2009/08/MG_7212-128x128.jpg" width="128" height="85" alt="MG 7212 128x128" /></a></td>
+    <td><a href="/images/2009/08/MG_7215.jpg"><img src="/images/2009/08/MG_7215-128x128.jpg" width="128" height="85" alt="MG 7215 128x128" /></a></td>
+    <td><a href="/images/2009/08/MG_7217.jpg"><img src="/images/2009/08/MG_7217-128x128.jpg" width="128" height="85" alt="MG 7217 128x128" /></a></td>
+  </tr>
+</table>

output/css/screen.css

@@ -365,3 +365,17 @@ table.top_headers td, table.top_headers th {
 table.left_headers th {
     text-align: right;
 }
+
+/* Photo gallery table */
+table.gallery {
+  border-collapse: collapse;
+  width: 100%;
+}
+table.gallery td {
+  padding: 10px 0;
+  text-align: center;
+  vertical-align: middle;
+}
+table.gallery img a {
+  border: none;
+}