Create a page to list kit versions and updates

Author: RealOrangeOne

_layouts/updates.html

@@ -0,0 +1,44 @@
+---
+layout: default
+---
+<div class="header-card">
+  <div class="fixed-width">
+    <h1>Documentation</h1>
+  </div>
+</div>
+<div class="mobile-only mobile-index">
+  {% include sidebar.html %}
+</div>
+<div class="main">
+  <div class="row fixed-width">
+    <div class="column m-3-12 desktop-only">
+      {% include sidebar.html %}
+    </div>
+    <div class="column m-9-12 doc">
+      {{ content }}
+
+      <table>
+        <tr>
+          <th></th>
+          <th>Release Date</th>
+          <th>Download</th>
+          <th>Licences</th>
+        </tr>
+        {% for kit_version in page.kit_versions %}
+          <tr>
+            <td>
+              {% if forloop.first %}
+              <code><strong>{{ kit_version.version }}</strong></code>
+              {% else %}
+              <code>{{ kit_version.version }}</code>
+              {% endif %}
+            </td>
+            <td>{{ kit_version.released | date_to_string }}</td>
+            <td><a href="https://kit-downloads.studentrobotics.org/kit-software/{{ kit_version.version }}/srobo-robot-{{ kit_version.version }}.img.xz">Download <code>{{ kit_version.version }}</code></a></td>
+            <td><a href="https://kit-downloads.studentrobotics.org/kit-software/{{ kit_version.version }}/srobo-robot-{{ kit_version.version }}-licences">Licences</a></td>
+          </tr>
+        {% endfor %}
+      </table>
+    </div>
+  </div>
+</div>

kit/brain_board.md

@@ -17,23 +17,21 @@ The SD card is located on the underside of the board. Carefully open the Brain B
 
 To fully update your Brain Board's software, or refresh it if you think it's not working correctly, you can flash our SD card image onto the microSD card in your Brain Board.
 
-To update the SD card, you'll need to download our image, [`srobo-robot-2022.0.0.img.xz`][robot-image].
+To update the SD card, you'll need to download our image from the [updates page]({{ site.baseurl }}/updates/).
 The flashing procedure is identical to flashing Raspberry Pi images.
 
-[robot-image]: https://kit-downloads.studentrobotics.org/kit-software/2022.0.0/srobo-robot-2022.0.0.img.xz
-
 ## Etcher
 
 We recommend using [etcher](https://etcher.io), as it's simple to use, and available on Windows, macOS and Linux. If you're familiar with Raspberry Pis or other similar boards and have flashed images before with a different tool, that will also work.
 
 ![Etcher example]({{ site.baseurl }}/images/content/kit/etcher.png)
 
 <div class="info" markdown="1">
-If you choose to use a tool other than Etcher, you may need to extract the `srobo-robot-2022.0.0.img.xz` to `srobo-robot-2022.0.0.img`. There are many tools available for this, e.g. [7-zip](http://www.7-zip.org/).
+If you choose to use a tool other than Etcher, you may need to extract the `.img.xz` to `.img`. There are many tools available for this, e.g. [7-zip](http://www.7-zip.org/).
 </div>
 
 ### Flashing
 
-1. Open Etcher and select the `srobo-robot-2022.0.0.img.xz` file you downloaded
+1. Open Etcher and select the `.img.xz` file you downloaded
 2. Select your SD card from the devices window
 3. Click 'Flash!'

updates/index.md

@@ -0,0 +1,17 @@
+---
+layout: updates
+title: Updates
+kit_versions:
+  - version: 2022.0.0
+    released: 2021-11-13
+---
+
+# Updates
+
+Keeping your kit up to date is very important. It enables us to deploy new features, as well as fix bugs.
+
+Once you have downloaded the file you need, refer to the documentation on [updating your brain board]({{ site.baseurl }}/kit/brain_board#flashing-sd-card) to apply the update.
+
+Each update file is a complete upgrade. Each file contains the changes of those before it. If you need to jump up multiple versions, you can do so by using the latest file.
+
+The following table outlines the updates which have been published.