From e4db368fba7f1e9a8fb8ba3054cb7b54343b2532 Mon Sep 17 00:00:00 2001
From: Sayanee <sayanee@gmail.com>
Date: Fri, 12 Apr 2024 15:20:17 +0800
Subject: [PATCH] refactor: simplify putting content on start page with only
 Markdown

---
 _includes      |  2 +-
 _layouts       |  2 +-
 index.md       | 39 ---------------------------------------
 start/step1.md | 11 +++++++++++
 start/step2.md | 11 +++++++++++
 start/step3.md |  2 ++
 6 files changed, 26 insertions(+), 41 deletions(-)
 create mode 100644 start/step1.md
 create mode 100644 start/step2.md
 create mode 100644 start/step3.md

diff --git a/_includes b/_includes
index ce392fa..b7dd69a 160000
--- a/_includes
+++ b/_includes
@@ -1 +1 @@
-Subproject commit ce392fa77a0ae885a5c5cc443eab2ed84f8298c6
+Subproject commit b7dd69aceb370c98afc2c0bcb9de02a2666c7801
diff --git a/_layouts b/_layouts
index 13b758a..77ccf82 160000
--- a/_layouts
+++ b/_layouts
@@ -1 +1 @@
-Subproject commit 13b758a0dc710e05cb0604582ac506a06a68bc61
+Subproject commit 77ccf82f757681bb1c452ced6c54edfd71efedb1
diff --git a/index.md b/index.md
index bae47f3..0e4458d 100644
--- a/index.md
+++ b/index.md
@@ -22,42 +22,3 @@ features:
   - detail: Measure temperature of another part of the room
   - detail: Go into sleep mode after turning on or off the aircon
 ---
-<section class="section is-small">
-<div class="container">
-  <h2 class="title is-1">Getting Started</h2>
-
-  <div class="tile is-ancestor">
-    <div class="tile is-vertical is-12">
-      <div class="tile">
-        <div class="tile is-parent">
-          <article class="tile is-child notification">
-            <p class="title">Step 1</p>
-            <p class="subtitle">The PCB has 2 battery holder connector holes that can be used to attach the battery holder.</p>
-            <a href="{{site.url}}/images/prototype/pcb-connector.jpg"><img src="{{site.url}}/images/prototype/pcb-connector.jpg" alt="PCB battery connector holes"></a>
-            <p class="subtitle">Put in 3 AA batteries and turn on the switch. The power LED should turn on.</p>
-            <a href="{{site.url}}/images/prototype/battery.jpg"><img src="{{site.url}}/images/prototype/battery.jpg" alt="PCB with battery holder"></a>
-          </article>
-        </div>
-        <div class="tile is-parent">
-          <article class="tile is-child notification">
-            <p class="title">Step 2</p>
-            <p class="subtitle">Flash the <a href="software#firmware">firmware</a> onto the Arduino Zero compatible board with a micro-USB cable.</p>
-            <a href="{{site.url}}/images/prototype/setup-page.png"><img src="{{site.url}}/images/prototype/setup-page.png" alt="Web USB setup page"></a>
-            <p class="subtitle">Connect to the serial monitor to see the debug messages.</p>
-            <a href="{{site.url}}/images/prototype/serial.png"><img src="{{site.url}}/images/prototype/serial.png" alt="Serial console"></a>
-          </article>
-        </div>
-        <div class="tile is-parent">
-          <article class="tile is-child notification">
-            <div class="content">
-              <p class="title">Step 3</p>
-              <!-- TODO: Program the actual sleep and turning on to check the temperature -->
-              <p class="subtitle">Notice that the aircon should turn ON and OFF every 5 seconds as a test.</p>
-            </div>
-          </article>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-</section>
diff --git a/start/step1.md b/start/step1.md
new file mode 100644
index 0000000..48538a6
--- /dev/null
+++ b/start/step1.md
@@ -0,0 +1,11 @@
+**Battery holder**
+
+The PCB has 2 battery holder connector holes that can be used to attach the battery holder.
+
+[![PCB battery connector holes]({{site.url}}/images/prototype/pcb-connector.jpg)]({{site.url}}/images/prototype/pcb-connector.jpg)
+
+**Batteries**
+
+Put in 3 AA batteries and turn on the switch. The power LED should turn on.
+
+[![PCB with battery holder]({{site.url}}/images/prototype/battery.jpg)]({{site.url}}/images/prototype/battery.jpg)
diff --git a/start/step2.md b/start/step2.md
new file mode 100644
index 0000000..2d2e6cf
--- /dev/null
+++ b/start/step2.md
@@ -0,0 +1,11 @@
+**Upload the firmware**
+
+Flash the [firmware](software#firmware) onto the Arduino Zero compatible board with a micro-USB cable.
+
+[![Web USB setup page]({{site.url}}/images/prototype/setup-page.png)]({{site.url}}/images/prototype/setup-page.png)
+
+**Serial monitor**
+
+Connect to the serial monitor to see the debug messages.
+
+[![Serial console]({{site.url}}/images/prototype/serial.png)]({{site.url}}/images/prototype/serial.png)
diff --git a/start/step3.md b/start/step3.md
new file mode 100644
index 0000000..6417816
--- /dev/null
+++ b/start/step3.md
@@ -0,0 +1,2 @@
+<!-- TODO: Program the actual sleep and turning on to check the temperature -->
+**Notice that the aircon should turn ON and OFF every 5 seconds as a test.**