Add BoeBot page for software projects.

portfolio/images/.gitignore

@@ -1 +1,2 @@
 plamo/*
+software/*

portfolio/pages/en/software/projects/board-of-education-bot.md

@@ -0,0 +1,120 @@
+---
+logosub: "Software developer"
+language: "en"
+title: "Board of Education Bot"
+---
+
+The Board of Education (Ro)Bot is a development platform made by Parallax.
+
+This school project was mainly to learn about basic electronics and programming for embedded devices. The BoeBot was created by Parallax and uses the Javelin stamp processor. This processor accepts the high-level programming language Java to control different pieces of hardware on the robot. The robot started as a simple prototype board with two servo motors. Sensors and actuators were later placed on the breadboard to allow sensory input and output. We created a GUI named "Robot at Work" which allowed the robot to follow a path using QPI linefollowers. The robot could also be controlled with an IR remote control.
+
+<figure class="text-center">
+  <picture class="d-flex justify-content-center">
+    <source
+      media="(max-width: 510px)"
+      srcset="/images/software/projects/board-of-education-bot/boebot-classdiagram-w240.webp"
+    />
+    <source
+      media="(max-width: 850px)"
+      srcset="/images/software/projects/board-of-education-bot/boebot-classdiagram-w480.webp"
+    />
+    <img
+      src="/images/software/projects/board-of-education-bot/boebot-classdiagram-w800.webp"
+      alt="class diagram"
+      class="img-fluid"
+    />
+  </picture>
+    <figcaption class="figure-caption mt-2">
+    <a href="/images/software/projects/board-of-education-bot/boebot-classdiagram.webp">
+      Class diagram
+    </a>
+  </figcaption>
+</figure>
+
+<figure class="text-center">
+  <picture class="d-flex justify-content-center">
+    <source
+      media="(max-width: 510px)"
+      srcset="/images/software/projects/board-of-education-bot/javelin-w240.webp"
+    />
+    <img
+      src="/images/software/projects/board-of-education-bot/javelin.webp"
+      alt="class diagram"
+      class="img-fluid"
+    />
+  </picture>
+    <figcaption class="figure-caption mt-2">
+    <a href="/images/software/projects/board-of-education-bot/javelin.webp">
+      Javelin board
+    </a>
+  </figcaption>
+</figure>
+
+<figure class="text-center">
+  <picture class="d-flex justify-content-center">
+    <source
+      media="(max-width: 510px)"
+      srcset="/images/software/projects/board-of-education-bot/boebot-gui-w240.webp"
+    />
+    <source
+      media="(max-width: 850px)"
+      srcset="/images/software/projects/board-of-education-bot/boebot-gui-w480.webp"
+    />
+    <img
+      src="/images/software/projects/board-of-education-bot/boebot-gui.webp"
+      alt="class diagram"
+      class="img-fluid"
+    />
+  </picture>
+    <figcaption class="figure-caption mt-2">
+    <a href="/images/software/projects/board-of-education-bot/boebot-gui.webp">
+      GUI design
+    </a>
+  </figcaption>
+</figure>
+
+<figure class="text-center">
+  <picture class="d-flex justify-content-center">
+    <source
+      media="(max-width: 510px)"
+      srcset="/images/software/projects/board-of-education-bot/robot2-w240.webp"
+    />
+    <source
+      media="(max-width: 850px)"
+      srcset="/images/software/projects/board-of-education-bot/robot2-w480.webp"
+    />
+    <img
+      src="/images/software/projects/board-of-education-bot/robot2.webp"
+      alt="class diagram"
+      class="img-fluid"
+    />
+  </picture>
+    <figcaption class="figure-caption mt-2">
+    <a href="/images/software/projects/board-of-education-bot/robot2.webp">
+      Robot top
+    </a>
+  </figcaption>
+</figure>
+
+<figure class="text-center">
+  <picture class="d-flex justify-content-center">
+    <source
+      media="(max-width: 510px)"
+      srcset="/images/software/projects/board-of-education-bot/robot3-w240.webp"
+    />
+    <source
+      media="(max-width: 850px)"
+      srcset="/images/software/projects/board-of-education-bot/robot3-w480.webp"
+    />
+    <img
+      src="/images/software/projects/board-of-education-bot/robot3.webp"
+      alt="class diagram"
+      class="img-fluid"
+    />
+  </picture>
+    <figcaption class="figure-caption mt-2">
+    <a href="/images/software/projects/board-of-education-bot/robot3.webp">
+      Robot side
+    </a>
+  </figcaption>
+</figure>