diff --git a/README.md b/README.md
index 7ecaeb4..2e3d601 100644
--- a/README.md
+++ b/README.md
@@ -1,34 +1,41 @@
 <p align="center" style="padding: 0">
-  <img width='300' src="img/fullInvertTransparent.svg">
+  <picture>
+    <source media="(prefers-color-scheme: light)" srcset="./img/fullTransparent.svg">
+    <img width='300' alt="DevSoc Logo" src="./img/fullInvertTransparent.svg">
+  </picture>
 </p>
 
 # 🏔️ Training Program Exercises
 
-This repository contains a selection of exercises intended for 2024 DevSoc Trainees. The exercises aim to develop basic web development skills, in HTML/CSS/JS and React. 
+This repository contains a selection of exercises intended for 2024 DevSoc Trainees. The exercises aim to develop basic web development skills, in HTML/CSS/JS and React.
 
 ## Getting Started
-Before continuing please ensure that you have the following installed on your machine
+
+Before continuing please ensure that you have the following installed on your machine:
+
 - Node
 - Git
 
 Clone this repository:
-``` sh
+
+```sh
 git clone https://github.com/TAS-scorchedshadow/training-program-exercises.git
 ```
 
-Explore all the exercise on offer on our [Guide](https://tas-scorchedshadow.github.io/training-program-exercises/book)
+Explore all the exercise on offer on our [Guide](https://tas-scorchedshadow.github.io/training-program-exercises/book).
 
 ## Contributing
 
 When adding a new exercise
-1. Inside **exercises**, create a new directory to contain the starter code 
-2. Inside **exercise-solutions**, create a new directory to contain the solutions, this should have the same name as the directory in exercises
+
+1. Inside **exercises**, create a new directory to contain the starter code.
+2. Inside **exercise-solutions**, create a new directory to contain the solutions, this should have the same name as the directory in exercises.
 3. Create a markdown file with the exercise instructions inside the **book/src** and add it to **book/src/SUMMARY.md**.
 
+Please check that the book will render properly by running the following command in the root directory:
 
-Please check that the book will render properly by running the following command in the root directory
-``` sh
+```sh
 $ mdbook build book --open
 ```
 
-If the book has been updated correctly a new webpage will open in your browser.
\ No newline at end of file
+If the book has been updated correctly a new webpage will open in your browser.
diff --git a/img/fullTransparent.svg b/img/fullTransparent.svg
new file mode 100644
index 0000000..d67cda2
--- /dev/null
+++ b/img/fullTransparent.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 601.2 164.3" style="enable-background:new 0 0 601.2 164.3;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#3C424B;}
+	.st1{opacity:0;}
+	.st2{fill:#D9807E;}
+</style>
+<path class="st0" d="M203.9,108.8c-1,0.9-2.2,1.8-3.8,2.6c-1.5,0.9-3.3,1.7-5.4,2.4s-4.3,1.3-6.8,1.8c-2.5,0.4-5.1,0.7-7.9,0.7
+	c-4.8,0-9.1-0.7-12.9-2c-3.8-1.3-7-3.3-9.6-5.9c-2.6-2.6-4.6-5.7-6-9.3c-1.4-3.6-2.1-7.8-2.1-12.4c0-4.9,0.8-9.3,2.4-13
+	s3.7-6.8,6.5-9.3c2.7-2.5,5.9-4.3,9.6-5.6c3.7-1.2,7.6-1.8,11.9-1.8c2.9,0,5.8,0.4,8.8,1.1c3,0.8,5.8,2,8.4,3.9s4.6,4.3,6.2,7.4
+	c1.6,3.1,2.4,7,2.4,11.7c0,3.2-0.4,6.7-1.1,10.5h-40.5c0.1,2.4,0.6,4.4,1.5,6.1s2.2,3,3.7,4.1c1.5,1.1,3.3,1.8,5.3,2.3
+	c2,0.5,4.1,0.7,6.4,0.7c4.5,0,8.2-0.5,11.1-1.6c2.9-1.1,5.2-2.3,7-3.8L203.9,108.8L203.9,108.8z M179.6,68.6c-1.9,0-3.8,0.3-5.5,0.8
+	c-1.7,0.5-3.3,1.3-4.7,2.3s-2.5,2.3-3.4,3.8s-1.4,3.2-1.6,5.2h27.7c0-3.7-1-6.7-3.1-8.9S183.8,68.6,179.6,68.6L179.6,68.6z"/>
+<path class="st0" d="M246.5,97.7h0.8l12.6-39.2h15.7l-21.5,56.2h-15.6l-24.2-56.2h17L246.5,97.7L246.5,97.7z"/>
+<path class="st0" d="M324,99.2c0-1.5-0.9-2.7-2.8-3.6c-1.8-0.9-4.1-1.7-6.8-2.5c-2.7-0.8-5.7-1.5-8.9-2.3s-6.2-1.9-8.9-3.3
+	s-5-3.2-6.8-5.3c-1.8-2.1-2.8-4.9-2.8-8.3c0-2.8,0.6-5.2,1.9-7.3s2.9-3.9,5.1-5.3c2.1-1.5,4.7-2.6,7.6-3.3c3-0.8,6.2-1.1,9.6-1.1
+	c3.7,0,6.9,0.3,9.7,0.8c2.8,0.5,5.2,1.2,7.2,1.9s3.8,1.6,5.3,2.5s2.7,1.8,3.8,2.5l-6.2,10c-1.1-0.7-2.4-1.4-3.9-2.1s-3-1.4-4.6-2
+	s-3.3-1.1-5.1-1.5s-3.5-0.6-5.2-0.6c-3.1,0-5.7,0.4-7.6,1.2c-2,0.8-2.9,2.1-2.9,3.8c0,1.3,0.9,2.4,2.8,3.3c1.8,0.8,4.1,1.6,6.8,2.3
+	c2.7,0.7,5.7,1.5,8.9,2.3c3.2,0.8,6.2,1.9,8.9,3.2s5,3,6.8,5.1c1.8,2.1,2.8,4.8,2.8,8.1c0,5.7-2.1,10.2-6.2,13.4s-10.3,4.9-18.5,4.9
+	c-6.5,0-12-1-16.7-2.9s-8.5-4.1-11.3-6.7l6.8-10.6c1,0.8,2.3,1.7,3.9,2.8c1.6,1,3.4,1.9,5.5,2.8c2,0.8,4.2,1.5,6.5,2.1
+	c2.3,0.6,4.5,0.8,6.8,0.8c2.4,0,4.5-0.4,6.2-1.2C323.1,102.5,324,101.1,324,99.2L324,99.2z"/>
+<path class="st0" d="M350.2,86.6c0-4.7,0.7-8.9,2.1-12.6c1.4-3.7,3.5-6.8,6.1-9.3c2.6-2.5,5.8-4.5,9.4-5.8s7.7-2,12.2-2
+	c4.7,0,8.9,0.7,12.6,2.1c3.7,1.4,6.8,3.4,9.4,6c2.5,2.6,4.5,5.7,5.8,9.4s2,7.7,2,12.1c0,4.7-0.7,8.9-2.1,12.6
+	c-1.4,3.7-3.5,6.8-6.1,9.3c-2.6,2.6-5.8,4.5-9.4,5.8s-7.7,2-12.2,2c-4.7,0-8.9-0.7-12.6-2.1s-6.8-3.4-9.4-6
+	c-2.5-2.6-4.5-5.7-5.8-9.4S350.2,91,350.2,86.6z M365.3,86.6c0,2.5,0.3,4.8,1,6.9s1.6,3.9,2.9,5.5c1.3,1.6,2.8,2.8,4.6,3.7
+	s3.9,1.3,6.2,1.3c4.4,0,7.9-1.4,10.6-4.2c2.7-2.8,4.1-7.2,4.1-13.2c0-5.2-1.3-9.3-3.8-12.5c-2.5-3.2-6.2-4.8-10.9-4.8
+	c-2.1,0-4,0.3-5.9,1c-1.8,0.6-3.4,1.7-4.7,3.1c-1.3,1.4-2.3,3.2-3.1,5.4C365.6,80.9,365.3,83.5,365.3,86.6L365.3,86.6z"/>
+<path class="st0" d="M475.1,109.3c-3.1,2.3-6.7,4.1-10.8,5.2s-8.4,1.7-12.9,1.7c-4.9,0-9.2-0.7-13-2.1c-3.8-1.4-7-3.4-9.6-6
+	s-4.5-5.7-5.9-9.4s-2-7.7-2-12.1c0-4.7,0.8-8.9,2.4-12.6c1.6-3.7,3.8-6.8,6.6-9.3c2.8-2.5,6.1-4.5,10-5.8s8-2,12.5-2
+	c4.2,0,8.1,0.5,11.8,1.5c3.7,1,6.5,1.9,8.4,2.8V81h-12.4V70.6c-2.3-0.5-4.6-0.8-7-0.8c-2.1,0-4.2,0.3-6.2,1s-3.9,1.7-5.5,3
+	c-1.6,1.4-2.9,3.1-3.9,5.2c-1,2.1-1.5,4.6-1.5,7.5c0,2.4,0.4,4.6,1.2,6.6c0.8,2,2,3.8,3.5,5.3s3.4,2.7,5.6,3.5
+	c2.2,0.9,4.7,1.3,7.4,1.3c4.3,0,7.8-0.6,10.5-1.8c2.7-1.2,4.8-2.2,6.1-3.2L475.1,109.3L475.1,109.3z"/>
+<g class="st1">
+	<path class="st0" d="M79,47.5h27.4c20.2,0,33.3,13.3,33.3,33.7s-12.8,35.5-34,35.5H79L79,47.5L79,47.5z M94,104.6h11.2
+		c13.3,0,19.1-9.9,19.1-23.3c0-11.3-5.5-21.7-19.1-21.7H93.9L94,104.6L94,104.6z"/>
+</g>
+<polygon class="st2" points="536.6,51.2 536.6,66.9 564.9,85.8 564.9,87.4 536.6,106.2 536.6,122 582.5,91.4 582.5,81.8 "/>
+<polygon class="st2" points="66.3,51.2 66.3,66.9 38,85.8 38,87.4 66.3,106.2 66.3,122 20.5,91.4 20.5,81.8 "/>
+<rect x="465.5" y="72.8" transform="matrix(0.3582 -0.9336 0.9336 0.3582 251.5425 524.464)" class="st2" width="83.5" height="12.9"/>
+<path class="st0" d="M110.9,36h23.5v48.5c0,5.6,0.3,11.2,0.9,16.6c0,0.4,0,0.8,0.1,1.1h7.2v12.3h-18.1l-1.5-7.2h-0.4
+	c-0.8,1.3-1.8,2.6-3,3.6c-1.3,1.1-2.7,2-4.3,2.8c-1.6,0.8-3.3,1.4-5.2,1.8c-1.9,0.4-3.7,0.6-5.6,0.6c-3.5,0-6.8-0.6-9.9-1.7
+	s-5.8-2.9-8.1-5.2s-4.2-5.3-5.5-9c-1.3-3.6-2-7.9-2-12.9s0.7-9.1,2.2-12.8c1.5-3.7,3.5-6.9,6.1-9.5c2.6-2.6,5.6-4.6,9.2-6
+	c3.5-1.4,7.4-2.1,11.6-2.1c2.3,0,4.5,0.1,6.6,0.4s3.8,0.7,5.3,1.3V48.4h-8.9C110.9,48.4,110.9,36,110.9,36z M107.9,103.8
+	c2.8,0,5.4-0.7,7.6-2.1c2.2-1.4,3.7-3.4,4.3-6V71.9c-1.1-0.8-2.5-1.4-4.3-1.8c-1.8-0.4-3.8-0.6-5.8-0.6s-4,0.3-5.9,1
+	c-1.9,0.7-3.6,1.7-5.1,3.2c-1.5,1.5-2.6,3.3-3.5,5.7s-1.3,5.2-1.3,8.5c0,4.8,1.2,8.7,3.6,11.6C99.9,102.4,103.4,103.8,107.9,103.8
+	L107.9,103.8z"/>
+</svg>